.section{width: 100%; height: 100%; position: relative; background: #fff;}
.sub-bg{background: url('/resources/images/sustainability/sustainability_sub_visual.png') no-repeat; background-size: cover;}

.overview.section01 .main-title-wrap{padding: 150px 0 120px;}
.overview.section02 .content-wrap{padding: 210px 0 90px;}
.overview.section02 .strategy-wrap-box{position: relative;}
.overview.section02 .inner-circle-wrap{position: relative;}
.overview.section02 .inner-circle{width: 480px; height: 480px; border-radius: 50%; background: #f9f9f9; box-sizing: border-box; display: flex; align-items: center; position: relative; left: 50%; transform: translateX(-50%);}
.overview.section02 .inner-circle:after{position: absolute; content: ''; width: 650px; height: 650px; border-radius: 50%; border: 1px dashed #d9d9d9; box-sizing: border-box; left: 50%; transform: translateX(-50%);}
.overview.section02 .inner-circle p{font-size: 24px; font-family: 'NotoB'; letter-spacing: -0.03em; color: #323232; text-align: center; width: 290px; height: 290px; border-radius: 50%; border: 13px solid #f2f2f2; background: #fff; box-sizing: border-box; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.overview.section02 .circle p{width: 250px; height: 250px; border-radius: 50%; background: #ff8b23; color: #fff; font-size: 20px; letter-spacing: -0.03em; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative;}
.overview.section02 .circle p:after{position: absolute; content: ''; width: 24px; height: 24px; border: 3px solid #fff; background-color: #ff8b23; box-sizing: border-box; border-radius: 50%;}
.overview.section02 .circle{display: flex;}
.overview.section02 .circle ul{display: flex; flex-direction: column; justify-content: center; padding-left: 45px;}
.overview.section02 .circle ul li{color: #4e4e4e; font-size: 18px; letter-spacing: -0.03em; line-height: 40px; position: relative; padding-left: 10px;}
.overview.section02 .circle ul li::before{position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; box-sizing: border-box; background: #ff8b23; left: 0; top: 16px;}
.overview.section02 .circle p span{display: block; font-size: 30px; font-family: 'NotoB';}
.overview.section02 .top-circle-box{position: absolute; top: -210px; left: 520px;}
.overview.section02 .top-circle-box p:after{bottom: -12px;}
.overview.section02 .left-circle-box{flex-direction: row-reverse; position: absolute; left: 10px; bottom: -50px;}
.overview.section02 .left-circle-box ul{padding-left: 0; padding-right: 45px;}
.overview.section02 .left-circle-box p:after{right: 10px; top: 40px;}
.overview.section02 .right-circle-box{position: absolute; right: 10px; bottom: -50px;}
.overview.section02 .right-circle-box p:after{left: 10px; top: 40px;}
.overview.section02 .mo-strategy-info{display: none;}
.aniline{height: 82px; margin: 80px auto;}
.aniline span{display: block; height: 100%; width: 1px; background: #d9d9d9; margin: 0 auto;}
.overview.section03 .content-wrap{padding: 0px 0px 390px;}
.overview.section03 .title{text-align: center;}
.overview.section03 .title p{font-size: 38px;}
.overview.section03 .task-box{display: flex; justify-content: space-between;}
.overview.section03 .task-box .task{position: relative; width: 33%;}
.overview.section03 .task-box .task .task-info{position: absolute; background: #ffffff; right: 0; bottom: -145px; box-sizing: border-box; width: 363px; padding: 30px 0 0 30px;}
.overview.section03 .task-box .task .task-info p{font-size: 20px; font-family: 'NotoB'; color: #ff8b23; letter-spacing: -0.03em; margin-bottom: 15px;}
.overview.section03 .task-box .task .task-info ul li{font-size: 18px; letter-spacing: -0.03em; color: #4e4e4e; line-height: 40px; position: relative; padding-left: 15px;}
.overview.section03 .task-box .task .task-info ul li:before{position: absolute; content: '';  width: 5px; height: 5px; border-radius: 50%; box-sizing: border-box; background: #ff8b23; left: 0; top: 16px;}

.ecoFriendly.section01 .content-wrap{padding-bottom: 240px;}
.ecoFriendly.section01 .main-title-wrap{padding: 150px 0 100px;}
.ecoFriendly.section01 .content-wrap .title-txt{margin-bottom: 0;}
.ecoFriendly.section01 .ecofriendly-box{display: flex; flex-direction: column; gap: 184px;}
.ecoFriendly.section01 .ecofriendly-box .box{display: flex; align-items: center; justify-content: space-between;}
.ecoFriendly.section01 .ecofriendly-box .box:nth-child(2) {flex-direction: row-reverse;}
.ecoFriendly.section01 .ecofriendly-box .box:nth-child(4) {flex-direction: row-reverse;}
.ecoFriendly.section01 .ecofriendly-box .box .img-info{display: flex; flex-direction: column;}
.ecoFriendly.section01 .ecofriendly-box .box .img-info .point{font-size: 40px; font-family: 'NotoB'; letter-spacing: -0.03em; color: #323232; margin-bottom: 20px;}
.ecoFriendly.section01 .ecofriendly-box .box .img-info .txt{font-size: 20px; line-height: 34px;; letter-spacing: -0.03em; color: #323232;}

.ecoFriendly.section02 .content-wrap{padding-bottom: 240px;}
.ecoFriendly.section02 .content-wrap .title{text-align: center; margin-bottom: 120px;}
.ecoFriendly.section02 .circle-box-wrap{margin-bottom: 60px;}
.ecoFriendly.section02 .circle-box{position: relative; padding-bottom: 85px;}
.ecoFriendly.section02 .inner-circle{width: 450px; height: 450px; border: 1px dashed #d9d9d9; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.ecoFriendly.section02 .inner-circle .circle-txt{width: 330px; height: 330px; background: #ff8b23; border-radius: 50%;; line-height: 38px; color: #fff; font-size: 24px; letter-spacing: -0.03em; font-family: 'NotoB'; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: center;}
.ecoFriendly.section02 .inner-circle > div{position: absolute;}
.ecoFriendly.section02 .inner-circle > div p{position: relative; color: #323232; font-family: 'NotoB'; letter-spacing: -0.03em; font-size: 20px;}
.ecoFriendly.section02 .inner-circle > div p:after{position: absolute; content: ''; width: 12px; height: 12px; border-radius: 50%; background: #ff8b23; top: 50%; transform: translateY(-50%);}
.ecoFriendly.section02 .inner-circle .left-top-box{left: -210px; top: 60px}
.ecoFriendly.section02 .inner-circle .left-top-box p:after{left: 250px;}
.ecoFriendly.section02 .inner-circle .left-bot-box{left: -210px; bottom: 60px}
.ecoFriendly.section02 .inner-circle .left-bot-box p:after{left: 250px;}
.ecoFriendly.section02 .inner-circle .right-top-box{right: -200px; top: 60px}
.ecoFriendly.section02 .inner-circle .right-top-box p:after{right: 240px;}
.ecoFriendly.section02 .inner-circle .right-bot-box{right: -200px; bottom: 60px;}
.ecoFriendly.section02 .inner-circle .right-bot-box p:after{right: 240px;}
.ecoFriendly.section02 .circle-box-txt{text-align: center;}
.ecoFriendly.section02  .circle-box-txt .line{display: inline-block; height: 70px; width: 3px; background: #ff8b23; position: relative;}
.ecoFriendly.section02  .circle-box-txt .line:before{position: absolute; content: ''; width: 13px; height: 3px; background: #ff8b23; right: 0; top: 0;}
.ecoFriendly.section02  .circle-box-txt .line:after{position: absolute; content: ''; width: 13px; height: 3px; background: #ff8b23; right: 0; bottom: 0;}
.ecoFriendly.section02 .circle-box-txt p{display: inline-block; color: #323232; font-size: 18px; letter-spacing: -0.03em; line-height: 30px; padding: 0 3em;}
.ecoFriendly.section02  .circle-box-txt .line.left:before, .ecoFriendly.section02  .circle-box-txt .line.left:after{left: 0;}

.safetyHealth.section01 .content-wrap{padding-bottom: 120px;}
.safetyHealth.section01 .main-title-wrap{text-align: left; padding: 150px 0 60px;}
.safetyHealth.section01 .content-wrap .title-txt{margin-bottom: 0;}
.safetyHealth.section01 .table-box{border-top: 1px solid #323232;}
.safetyHealth.section01 .table-box table{width: 100%;}
.safetyHealth.section01 .table-box tr{border-bottom: 1px solid #d9d9d9; padding: 36px 0;}
.safetyHealth.section01 .table-box th{text-align: left; font-size: 20px; font-family: 'NotoB'; letter-spacing: -0.03em; color: #323232; vertical-align: top; padding: 36px 0; position: relative; padding-left: 38px; word-break: keep-all;}
.safetyHealth.section01 .table-box tr th:before{position: absolute; font-size: 20px; font-family: 'NotoB'; color: #ff8b23; letter-spacing: -0.03em; left: 0;}
.safetyHealth.section01 .table-box tr:nth-child(1) th:before{content:'01';}
.safetyHealth.section01 .table-box tr:nth-child(2) th:before{content:'02';}
.safetyHealth.section01 .table-box tr:nth-child(3) th:before{content:'03';}
.safetyHealth.section01 .table-box tr:nth-child(4) th:before{content:'04';}
.safetyHealth.section01 .table-box tr:nth-child(5) th:before{content:'05';}
/* .safetyHealth.section01 .table-box th span{display: inline-block; padding-right: 15px;} */
.safetyHealth.section01 .table-box td{font-size: 18px; letter-spacing: -0.03em; line-height: 30px; color: #4e4e4e; padding: 36px 0;}

.safetyHealth.section02{background: #f6f6f6;}
.safetyHealth.section02 .content-wrap{padding: 120px 0 240px;}
.safetyHealth.section02 .title{text-align: center; margin-bottom: 90px;}
.safetyHealth.section02 .purpose-box{display: flex;}
.safetyHealth.section02 .purpose-box > div{width: 22%; margin-left: -40px;}
.safetyHealth.section02 .purpose-box > div:first-child{margin-left: 0;}
.safetyHealth.section02 .purpose-box .item p{width: 250px; height: 250px; border-radius: 50%; background: #fff; box-sizing: border-box; border: 1px solid #b9b9b9; color: #323232; font-size: 20px; letter-spacing: -0.03em; font-family: 'NotoB'; display: flex; justify-content: center; align-items: center;}
/* .safetyHealth.section02 .purpose-box .item04{margin-left: 0;} */
.safetyHealth.section02 .purpose-box .item04 p{background-color: #ff8b23; border: 0; color: #fff}
.safetyHealth.section02 .purpose-box .arrow-box{text-align: center; line-height: 250px;}
.safetyHealth.section02 .purpose-box .arrow-box span{display: inline-block; width: 119px; height: 2px; background: #666666; position: relative; margin-right: 40px;}
.safetyHealth.section02 .purpose-box .arrow-box span:after{position: absolute; content: ''; width: 13px; height: 2px; background: #666666; right: -1px; top: -5px; transform: rotate(45deg);}
.safetyHealth.section02 .purpose-box .arrow-box span:before{position: absolute; content: ''; width: 13px; height: 2px; background: #666666; right: -1px; top: 5px; transform: rotate(-45deg);}
.safetyHealth.section02 .purpose-box .item .info{display: flex; justify-content: center; margin-left: -25px; padding-top: 40px;}
.safetyHealth.section02 .purpose-box .item03 .info li{font-size: 14px; font-family: 'NotoR';}
.safetyHealth.section02 .purpose-box .item03 .info > ul > li{padding-left: 0;}
.safetyHealth.section02 .purpose-box .item .info > ul > li{color: #4e4e4e; font-family: 'NotoB'; line-height: 30px; letter-spacing: -0.03em;}
.safetyHealth.section02 .purpose-box .item02 .info li .tablet-br{display: none;}

.society.section01 .content-wrap{padding: 150px 0 240px;}
.society.section01 .content-wrap .title{text-align: center; margin-bottom: 80px;}
.society.section01 .content-wrap .top-box{display: flex; justify-content: space-between;}
.society.section01 .content-wrap .top-box .box{display: flex; flex-direction: column; align-items: center;}
.society.section01 .content-wrap .top-box .box .img-box{margin-bottom: 24px;}
.society.section01 .content-wrap .top-box .box .img-info{text-align: center;}
.society.section01 .content-wrap .top-box .box .info-tit{font-size: 20px; font-family: 'NotoB'; letter-spacing: -0.03em; color: #323232; margin-bottom: 24px;}
.society.section01 .content-wrap .top-box .box .info-txt{letter-spacing: -0.03em; color: #4e4e4e; line-height: 28px;}

.society.section02 .content-wrap{padding-bottom: 240px;}
.society.section02 .content-wrap .title{text-align: center; margin-bottom: 60px;}
.society.section02 .table-box{border-top: 1px solid #323232;}
.society.section02 .table-box table{width: 100%;}
.society.section02 .table-box tr{border-bottom: 1px solid #d9d9d9; padding: 36px 0;}
.society.section02 .table-box th{text-align: left; font-size: 20px; font-family: 'NotoB'; letter-spacing: -0.03em; color: #323232; vertical-align: top; padding: 36px 0; padding-left: 38px; position: relative; word-break: keep-all;}
/* .society.section02 .table-box th span{display: inline-block; padding-right: 15px;} */
.society.section02 .table-box td{font-size: 18px; letter-spacing: -0.03em; line-height: 30px; color: #4e4e4e; padding: 36px 0;}
.society.section02 .table-box td span{display: block; font-family: 'NotoB';}

.society.section02 .table-box tr th:before{position: absolute; font-size: 20px; font-family: 'NotoB'; color: #ff8b23; letter-spacing: -0.03em; left: 0;}
.society.section02 .table-box tr:nth-child(1) th:before{content:'01';}
.society.section02 .table-box tr:nth-child(2) th:before{content:'02';}
.society.section02 .table-box tr:nth-child(3) th:before{content:'03';}
.society.section02 .table-box tr:nth-child(4) th:before{content:'04';}
.society.section02 .table-box tr:nth-child(5) th:before{content:'05';}

.qualityContainer{position: relative; margin-bottom: 100vh;}
.qualityContainer .panel{overflow: hidden; position: relative;}
.quality.section02 .panel-info-wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.quality.section02 .panel-title{font-size: 60px; font-family: 'NotoB'; color: #fff; letter-spacing: -0.03em; margin-bottom: 30px; text-align: center;}
.quality.section02 .panel-desc{font-size: 20px; letter-spacing: -0.03em; line-height: 34px; color: #ececec; text-align: center;}

.item01 .bg{background-image: url('/resources/images/sustainability/quality_imageslide01.png'); width: 100%; height: 100vh;}
.item02 .bg{background-image: url('/resources/images/sustainability/quality_imageslide02.png'); width: 100%; height: 100vh;}
.item03 .bg{background-image: url('/resources/images/sustainability/quality_imageslide03.png'); width: 100%; height: 100vh;}
.item04 .bg{background-image: url('/resources/images/sustainability/quality_imageslide04.png'); width: 100%; height: 100vh;}


.quality.section03 {height: 100px;}

/* .quality.section03 .content-wrap{padding-bottom: 200px;}
.quality.section03 .main-title-wrap{padding: 120px 0 40px;}
.quality .members{display: flex; flex-wrap: wrap; gap: 45px 20px;}
.quality .members .box p{color: #323232; font-size: 18px; letter-spacing: -0.03em; padding: 15px 0;} */

@media all and (max-width: 1300px) {
  .overview.section02 .top-circle-box{left: 500px;}
  .overview.section02 .left-circle-box{bottom: -80px;}
  .overview.section02 .right-circle-box{bottom: -80px;}

}

@media all and (max-width: 1240px) {
  .overview.section02 .top-circle-box{left: 460px;}
  .overview.section02 .left-circle-box{bottom: -100px}
  .overview.section02 .right-circle-box{bottom: -100px;}
  .overview.section03 .task-box .task .task-info{width: auto; padding: 30px 60px 0 30px;}
}

@media all and (max-width: 1080px) {
  .overview.section02 .top-circle-box{left: 390px;}
  .safetyHealth.section02 .purpose-box > div{margin-left: -20px;}
  .safetyHealth.section02 .purpose-box .item p{width: 200px; height: 200px;}
  .safetyHealth.section02 .purpose-box .arrow-box{line-height: 200px;}
  .quality.section02 .swiper-pagination{left: 4.44vw;}
}

@media all and (max-width: 1030px) {
  .overview.section03 .task-box .task .task-info{padding: 15px; width: 100%; bottom: auto}
  .overview.section03 .task-box .task .task-info p{font-size: 20px;}
  .overview.section03 .task-box .task .task-info ul li{font-size: 16px;}
  .overview.section02 .top-circle-box{left: 235px;}
}

@media all and (max-width: 1024px) {
  .content-wrap .title-txt p{font-size: 22px;}
  .content-wrap .title-txt{margin-bottom: 0;}
  .overview.section02 .content-wrap{padding: 210px 0 0px;}
  /* .overview.section02 .inner-circle-wrap{transform: scale(0.8);} */
  .overview.section02 .top-circle-box{left: 50%; transform: translateX(-50%);}
  .overview.section02 .right-circle-box{right: 0px;}
  .overview.section02 .left-circle-box{left: 0px;}
  .overview.section02 .circle ul{display: none;}
  .overview.section02 .mo-strategy-info{display: block; margin-top: 160px;}
  .overview.section02 .mo-strategy-info dl{padding: 30px 0; border-bottom: 1px solid #d9d9d9; display: flex; align-items: center;}
  .overview.section02 .mo-strategy-info dl:last-child{border-bottom: 0;}
  .overview.section02 .mo-strategy-info dt{display: inline-block; width: 20%; padding-right: 34px; font-size: 22px; color: #323232; font-family: 'NotoB'; letter-spacing: -0.03em;}
  .overview.section02 .mo-strategy-info dt span{display: block;font-size: 16px; color: #666; font-family: 'NotoR'; letter-spacing: -0.03em; padding-bottom: 5px;}
  .overview.section02 .mo-strategy-info dd{display: inline-block}
  .overview.section02 .mo-strategy-info dd p{position: relative; padding-left: 15px; font-size: 18px; color: #666666; letter-spacing: -0.03em; line-height: 34px;}
  .overview.section02 .mo-strategy-info dd p:before{position: absolute; content: ''; width: 5px; height: 5px; background-color: #ff8b23; left: 0; top: 13px;}

  .ecoFriendly.section01 .ecofriendly-box .box .img-info .point{font-size: 30px;}
  .ecoFriendly.section01 .ecofriendly-box .box .img-info .txt{font-size: 16px;}
  .ecoFriendly.section01 .ecofriendly-box .box .img-info .txt br{display: none;}
  .ecoFriendly.section01 .content-wrap{padding-bottom: 120px;}
  .ecoFriendly.section02 .circle-box-wrap{transform: scale(0.8);}

  .safetyHealth.section02 .purpose-box .item02 .info li .tablet-br{display: block;}
  .safetyHealth.section02 .purpose-box .item02 .info li br{display: block;}
  .safetyHealth.section02 .purpose-box .item .info > ul > li{line-height: 28px;}

}

@media all and (max-width: 900px) {
  .safetyHealth.section02 .purpose-box .item p{width: 180px; height: 180px;}
  .safetyHealth.section02 .purpose-box .arrow-box{line-height: 180px;}
  .safetyHealth.section02 .purpose-box .arrow-box span{width: 100px;}
}


@media all and (max-width:768px) {
  .sub-bg{background: url('/resources/images/sustainability/sustainability_sub_visual_mo.png') no-repeat; background-size: cover;}

  .overview.section01 .main-title-wrap{padding: 60px 0 0;}
  .overview.section01 .content-wrap .title-txt p{font-size: 16px; line-height: 28px;}
  .overview.section01 .content-wrap .title-txt p br{display: none;}
  .overview.section02 .content-wrap{padding: 100px 0 0;}
  /* .overview.section02 .inner-circle-wrap{transform: scale(0.5);} */
  .overview.section02 .inner-circle{width: 190px; height: 190px;}
  .overview.section02 .inner-circle p{width: 100%; height: 100%; background: none; border: none; font-size: 16px; line-height: 26px;}
  .overview.section02 .inner-circle:after{width: 260px; height: 260px;}
  .overview.section02 .circle p{width: 100px; height: 100px; font-size: 0;}
  .overview.section02 .circle p span{font-size: 16px;}
  .overview.section02 .circle p:after{width: 8px; height: 8px; border: 2px solid #fff;}
  .overview.section02 .top-circle-box p:after{bottom: -4px;}
  .overview.section02 .left-circle-box p:after{top: 10px; right: 10px}
  .overview.section02 .right-circle-box p:after{top: 10px;}
  .overview.section02 .top-circle-box{top: -90px;}
  .overview.section02 .right-circle-box{right: 190px; bottom: -40px;}
  .overview.section02 .left-circle-box{left: 190px; bottom: -40px;}
  .overview.section02 .mo-strategy-info{margin-top: 0; padding-top: 80px;}
  .overview.section02 .mo-strategy-info dl{justify-content: space-between; align-items: flex-start;}
  .overview.section02 .mo-strategy-info dt{font-size: 20px; width: auto; flex: 0 0 30%; padding-right: 0px; line-height: 30px;}
  .overview.section02 .mo-strategy-info dt span{font-size: 14px;}
  .overview.section02 .mo-strategy-info dd{flex: 1;}
  .overview.section02 .mo-strategy-info dd p{font-size: 14px; line-height: 30px;}
  .overview.section02 .mo-strategy-info dl:last-child{padding-bottom: 0;}
  .aniline{margin: 60px auto;}
  .overview.section03 .content-wrap{padding: 0 0 180px;}
  .overview.section03 .title p{font-size: 28px;}
  .overview.section03 .task-box{flex-direction: column;}
  .overview.section03 .task-box .task{width: 100%; overflow: hidden;}
  .overview.section03 .task-box .task .img{text-align: center;}
  .overview.section03 .task-box .task .task-info{position: relative; width: 79%; top: -50px; float: right;}

  .ecoFriendly.section01 .main-title-wrap{padding: 60px 0;}
  .ecoFriendly.section01 .content-wrap .title{margin-bottom: 22px;}
  .ecoFriendly.section01 .content-wrap .title-txt p{font-size: 16px; letter-spacing: -0.03em; color: #666666; line-height: 26px;}
  .ecoFriendly.section01 .content-wrap .title-txt p br{display: none;}
  .ecoFriendly.section01 .ecofriendly-box{display: block;}
  .ecoFriendly.section01 .ecofriendly-box .box{width: 100%; margin-bottom: 80px; flex-direction: column; align-items: flex-start;}
  .ecoFriendly.section01 .ecofriendly-box .box:last-child{margin-bottom: 0;}
  .ecoFriendly.section01 .ecofriendly-box .box:nth-child(2) {flex-direction: column;}
  .ecoFriendly.section01 .ecofriendly-box .box:nth-child(4) {flex-direction: column;}
  .ecoFriendly.section01 .ecofriendly-box .box .img-box img{display: block; margin: 0 auto; width: 100%;}
  .ecoFriendly.section01 .ecofriendly-box .box .img-info{padding-top: 20px; flex-direction: row; justify-content: space-between;}
  .ecoFriendly.section01 .ecofriendly-box .box .img-info .txt{line-height: 26px; width: calc(100% - 22%);}
  .ecoFriendly.section01 .ecofriendly-box .box .img-info .point{margin-bottom: 0; font-size: 24px;}

  .ecoFriendly.section02 .content-wrap{padding-bottom: 180px;}
  .ecoFriendly.section02 .content-wrap .title p{text-align: left}
  .ecoFriendly.section02 .circle-box-wrap{transform: scale(1);}
  .ecoFriendly.section02 .inner-circle .circle-txt{width: 125px; height: 125px; font-size: 18px; line-height: 28px;;}
  .ecoFriendly.section02 .inner-circle{width: 233px; height: 233px;}
  .ecoFriendly.section02 .inner-circle > div p{font-size: 14px; line-height: 22px;}
  .ecoFriendly.section02 .inner-circle > div p:after{width: 9px; height: 9px;}
  .ecoFriendly.section02 .inner-circle .left-top-box{left: -40px; top: -55px;}
  .ecoFriendly.section02 .inner-circle .left-top-box p:after{left: 70px; top: 90px;}
  .ecoFriendly.section02 .inner-circle .left-bot-box{left: -40px; bottom: -55px;}
  .ecoFriendly.section02 .inner-circle .left-bot-box p:after{left: 70px; top: -20px;}
  .ecoFriendly.section02 .inner-circle .right-top-box{right: -40px; top: -55px;}
  .ecoFriendly.section02 .inner-circle .right-top-box p:after{right: 70px; top: 90px;}
  .ecoFriendly.section02 .inner-circle .right-bot-box{right: -40px; bottom: -55px;}
  .ecoFriendly.section02 .inner-circle .right-bot-box p:after{right: 70px; top: -20px;}
  .ecoFriendly.section02 .circle-box-txt p{font-size: 16px; line-height: 26px; padding: 0 3%;}
  .ecoFriendly.section02 .circle-box-txt .line{margin-bottom: 15px;}


  .safetyHealth.section01 .main-title-wrap{padding: 60px 0 50px;}
  .safetyHealth.section01 .content-wrap .title{margin-bottom: 20px;}
  .safetyHealth.section01 .content-wrap .title-txt p{font-size: 16px;}
  .safetyHealth.section01 .table-box th{display: block; padding: 30px 0 10px 38px;}
  .safetyHealth.section01 .table-box td{display: block; padding: 0 0 25px 38px; font-size: 16px; line-height: 26px;}
  .safetyHealth.section01 .table-box td br{display: none; word-break: keep-all;}

  .safetyHealth.section02 .content-wrap{padding: 80px 0 180px;}
  .safetyHealth.section02 .title{text-align: left; margin-bottom: 60px;}

  .safetyHealth.section02 .purpose-box{flex-direction: column;}
  .safetyHealth.section02 .purpose-box > div{width: 100%; display: flex; align-items: center; gap: 40px;}
  .safetyHealth.section02 .purpose-box .item p{width: 120px; height: 120px; border: 1px solid #ff8b23; font-size: 16px; text-align: center; flex-shrink: 0;}
  .safetyHealth.section02 .purpose-box .item04 p{line-height: 26px;}
  .safetyHealth.section02 .purpose-box .item04 .info > ul > li + li{margin-top: 19px;}
  .safetyHealth.section02 .purpose-box .item .info > ul > li{font-size: 14px; line-height: 22px; width: 100%;}
  .safetyHealth.section02 .purpose-box .item .info{padding-top: 0; text-align: left; display: inline-block; margin-left: 0px;}
  .safetyHealth.section02 .purpose-box .item01 .info ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .safetyHealth.section02 .purpose-box .item02 .info li br{display: block;}
  .safetyHealth.section02 .purpose-box > div{margin-left: 0; margin-top: -20px;}
  .safetyHealth.section02 .purpose-box .item03 .info ul{display: flex; flex-direction: column; gap: 20px;}
  .safetyHealth.section02 .purpose-box .item03 .info li{padding-left: 0; display: flex; flex-direction: column;}
  .safetyHealth.section02 .purpose-box .arrow-box span{transform: rotate(90deg); width: 80px; padding-left: 20px; box-sizing: border-box; margin-left: 20px;}
  .safetyHealth.section02 .purpose-box .arrow-box{height: 200px;}
  .safetyHealth.section02 .purpose-box .item03 .info > ul{padding-top: 20px;}
  .safetyHealth.section02 .purpose-box .item02 .info li .tablet-br{display: none;}

  .society.section01 .content-wrap{padding: 60px 0 120px;}
  .society.section01 .content-wrap .title{text-align: left; margin-bottom: 60px;}
  .society.section01 .content-wrap .top-box{flex-direction: column; gap: 60px;}
  .society.section01 .content-wrap .top-box .box .info-tit{margin-bottom: 20px;}
  .society.section01 .content-wrap .top-box .box .info-txt{font-size: 14px; line-height: 22px;}
  .society.section02 .content-wrap{padding-bottom: 180px;}
  .society.section02 .content-wrap .title{text-align: left; margin-bottom: 40px;}
  .society.section02 .table-box th{display: block; padding: 30px 0 10px 38px;}
  .society.section02 .table-box td{display: block; padding: 0 0 25px 38px; font-size: 16px; line-height: 26px;}
  .quality.section02 .swiper-pagination{display: none;}
  .quality.section01 .main-title-wrap{padding: 60px 0; text-align: left;}
  .quality.section01 .main-title-wrap .title{margin-bottom: 0;}
  .quality .swiper-slide .mainImg img{height: 100vh; object-fit: cover;}
  .quality.section02 .panel-title{font-size: 28px; margin-bottom: 20px;}
  .quality.section02 .panel-desc{font-size: 16px; line-height: 28px;}
  .item01 .bg{background-image: url('/resources/images/sustainability/quality_imageslide01_mo.png'); background-size: cover;}
  .item02 .bg{background-image: url('/resources/images/sustainability/quality_imageslide02_mo.png'); background-size: cover;}
  .item03 .bg{background-image: url('/resources/images/sustainability/quality_imageslide03_mo.png'); background-size: cover;}
  .item04 .bg{background-image: url('/resources/images/sustainability/quality_imageslide04_mo.png'); background-size: cover;}
  .quality.section02 .panel-desc br{display: none}
  /* .quality.section03 .members{justify-content: center;} */
  .quality.section03{height: 50px;}
}

@media all and (max-width: 636px) {
  .overview.section02 .left-circle-box{left: 140px;}
  .overview.section02 .right-circle-box{right: 140px;}
}

@media all and (max-width: 550px) {
  .overview.section02 .left-circle-box{left: 100px;}
  .overview.section02 .right-circle-box{right: 100px;}
}

@media all and (max-width: 450px) {
  .content-wrap .title p br{display: none;}
  .content-wrap .title-txt p br{display: none;}
  .overview.section02 .left-circle-box{bottom: -50px; left: 20px;}
  .overview.section02 .right-circle-box{bottom: -50px; right: 20px;}
  .ecoFriendly.section02 .circle-box-txt .line{display: none;}
  .safetyHealth.section02 .purpose-box > div{gap: 30px;}
  .safetyHealth.section02 .purpose-box .item .info > ul > li{display: block; line-height: unset;}
  .safetyHealth.section02 .purpose-box .item .info > ul > li br{display: none;}
}

/* 2025-05-30 추가 */
.safetyHealth.section01 .table-box th{min-width:200px;}

.sustain-policy-listbox {display:flex; gap:16px; flex-wrap: wrap;}
.sustain-policy-btn-wrap {display:flex; justify-content:center; gap:24px; margin-top:24px;}
.sustain-policy-btn {padding: 12px 40px 12px 24px;cursor:pointer;border-radius:32px;border: 1px solid #333333;position: relative;}
.sustain-policy-btn::after {content: "";display: block;width: 24px;height: 24px;background-image: url('https://www.koreazinc.co.kr/wp-content/themes/koreazinc/assets/images/icons/icon_download.svg');background-size: contain;background-repeat: no-repeat;background-position: center; position: absolute; top: 12px; right: 8px;}
.sustain-policy-btn:hover {background:#FF8B21; color:#fff; border:none;}
.sustain-policy-btn:hover::after {background-image: url('https://www.koreazinc.co.kr/wp-content/themes/koreazinc/assets/images/icons/icon_download_w.svg');}

@media all and (max-width:768px) {
    .sustain-policy-btn-wrap {flex-direction: column ;}
    .sustain-policy-btn::after {right:12px;}

}