@import url('common.css');
@import url('sub.css');
@charset "utf-8";

/* subMain */
.sustainable .submainVisual {background-color: #FFF;}
.sustainable .bgIMG {background-image:url('/2019/src/images/sustainable/sustainable.png');background-color:#FFF;}

.sustainable .copyWrap .txtBox {width:49%;}
.sustainable .copyWrap .h2_title {width:51%;}
.sustainable .copyWrap .txtBox p {padding-top: 15px;}
.sustainable .contents01 {padding-top: 10.9%;}
.sustainable .contents01 .imgWrap {position: relative;overflow: hidden;}
.sustainable .contents01 .bgBox {position: absolute;top: 0;bottom: 0;left: 100%;right: 0;background-color: #f7ea57;}
.sustainable .contents02 {padding-top: 8.4%;}
.sustainable .contents03 {padding-top: 8.4%;}
.sustainable .contents03 .txtBox {padding-left:20%;padding-right:0;z-index: 1;}
.sustainable .contents03 .imgWrap {margin-top: -5.5%;width: 100%;height: 43.4vh;background: #f1ecee url('/2019/src/images/sustainable/sustainable_img3.png') right 19% no-repeat;background-size: 80% auto;}
.sustainable .contents03 .flexBox {-webkit-align-items: center;-ms-align-items: center;align-items: flex-start;}
.sustainable .contents04 {padding-top: 8.4%;}
.sustainable .contents05 {padding-top: 8.4%;}
.sustainable .contents05 .imgWrap .flexBox div {width: 33.3333333%;height: 39.3vh;overflow: hidden;}
.sustainable .contents05 .imgWrap .flexBox div img {transform: translate(-100%, 0%);opacity: 0;}
.sustainable .contents06 {padding-top: 10.9%;}
.sustainable .contents06 .flexBox {background-color: #272930;padding: 8.2% 0 7.7% 0;}
.sustainable .contents06 .txtBox2 {width: 50%;padding-right: 6.9%;}
.sustainable .contents06 .chartBox {width: 50%;padding-left: 9.6%;padding-right: 20%;}
.sustainable .contents06 .imgWrap {height: 39.3vh;background:#000 url('/2019/src/images/sustainable/sustainable_img8.png') right top no-repeat;background-size: cover;}
.sustainable .chartWrap {display:none;min-height:278px;}
.sustainable .chartWrap p {color: #888;font-size: 1.4rem;line-height: 1.6rem;text-align: right;padding-top: 15px;}
.sustainable .chart {border-bottom: 1px solid #3d3f45;position: relative;display: -webkit-flex;display: -ms-flex;display: flex;justify-content:flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;margin-bottom: -1px;height: 25vh;}
.sustainable .barChart {width:105px;display: -webkit-flex;display: -ms-flex;display: flex;flex-direction:column;-webkit-align-content: end;-ms-align-content: end;align-content: flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;}
.sustainable .barChart .value {font-family: "APHQ-Bold";letter-spacing:0;font-size:3rem;line-height:3.0rem;text-align: center;padding-bottom: 10px;color: #fff;opacity: .5;}
.sustainable .barChart .value i {font-size:2rem;}
.sustainable .barChart .bar {position: relative;width:70px;}
.sustainable .barChart .bar .year {position: absolute;left: 0;right: 0;bottom: 0;color: #272930;font-size:1.6rem;line-height:3.0rem;text-align: center;font-weight: 600;letter-spacing:0;}
.sustainable .barChart.value2017 .bar {height: 0px;background-color: #525459;}
.sustainable .barChart.value2018 .bar {height: 0px;background-color: #525459;}
.sustainable .barChart.value2019 .bar {height: 0px;background-color: #fff;}
.sustainable .barChart.value2019 .value {opacity: 1;}
.sustainable .chart::before {content: '';position: absolute;left: 0;bottom: -2px;width: 3px;height: 3px;background-color: #3d3f45;border-radius: 100%;}
@media (max-width:1023px) {
    .sustainable .bgIMG {background-size: auto 100%;background-position: right 18% top;}
    .sustainable .artIMG {background-size: auto 100%;background-position: right top;}
    .sustainable .copyWrap .h2_title {width:100%;padding-right: 18%;padding-bottom:45px;padding-left:0;}
	.sustainable .copyWrap .txtBox {width:100%;padding-left:0;}
    .sustainable .contents02 .flexBox,.sustainable .contents04 .flexBox {flex-direction: column-reverse;}
    .sustainable .contents01,.sustainable .contents02,.sustainable .contents03,.sustainable .contents04,.sustainable .contents05 {padding-top: 0;}
    .sustainable .contents01 .txtBox,.sustainable .contents02 .txtBox,.sustainable .contents03 .txtBox,.sustainable .contents04 .txtBox,.sustainable .contents05 .txtBox {padding: 26% 8.4vw 13%;}
    .sustainable .contents01 .imgWrap .copy {font-size: 2rem;line-height: 2rem;left:-4%;}
    .sustainable .contents03 .imgWrap {margin-top: -5.5%;width: 100%;height: 26.3vh;background-size: 190% auto;background-position:100% 31%;}
    .sustainable .contents05 .imgWrap .flexBox {flex-direction: row;}
    .sustainable .contents05 .imgWrap .flexBox div {width: 33.3333333%;height: auto;overflow: hidden;}
    .sustainable .contents06 {padding-top:0}
    .sustainable .contents06 .flexBox {padding: 0;}
    .sustainable .contents06 .txtBox2 {width: 100%;padding-top:26%;padding-bottom:13%;}
    .sustainable .contents06 .chartBox {width: 100%;padding: 0 8.4vw 13%;}
    .sustainable .contents06 .imgWrap {height: 23.8vh;background-image:url('/2019/src/images/sustainable/sustainable_img9.png');}
    .sustainable .chartWrap {min-height:auto}
    .sustainable .chartWrap p {font-size: 1.1rem;line-height: 1.2rem;padding-top: 10px;}
    .sustainable .chart {height: 25vh;}
    .sustainable .barChart {width:91px;}
    .sustainable .barChart .value {font-size:2.4rem;line-height:2.4rem;}
    .sustainable .barChart .value i {font-size:1.5rem;}
    .sustainable .barChart .bar {width:58px;}
    .sustainable .barChart .bar .year {font-size:1.2rem;line-height:2.3rem;}
    .sustainable .barChart.value2017 .bar {height: 0;}
    .sustainable .barChart.value2018 .bar {height: 0;}
    .sustainable .barChart.value2019 .bar {height: 0;}
}

/* 00_sustainable_achievement */
.sustainable_achievement .subVisual {background-color:#f1f1f5;height:840px;}
.sustainable_achievement .bgIMG {background-image:url('/2019/src/images/sustainable/achievement_img1.png');}
.sustainable_achievement .subVisual .copyWrap {-webkit-align-items: center;-ms-align-items: center;align-items: center;flex-direction: row;padding-left:16%;}
.sustainable_achievement .subVisual .h2_title {height:auto;padding-top:0;padding-bottom:0;}
.sustainable_achievement .contents01 {padding-top:8.1%;padding-bottom:3.2%;background-color:#3255a4;}
.sustainable_achievement .contents01 .imgWrap {width:45%;}
.sustainable_achievement .contents01 .contentsBox h1 {margin-bottom:10px;}
.sustainable_achievement .contents01 .contentsBox h1,
.sustainable_achievement .contents01 .infoBox .infoTitle,
.sustainable_achievement .contents01 .infoBox .infoNum {color:#fff;}
.sustainable_achievement .contents01 .infoCon > div {display:inline-block;}
.sustainable_achievement .contents01 .infoBox .infoTitle {font-size:1.8rem;line-height:2.4rem;opacity:0;}
.sustainable_achievement .contents01 .infoNum {font-size:2.5rem;line-height:4.1rem;opacity:0;}
.sustainable_achievement .contents01 .infoNum span {font-size:5.5rem;line-height:4.1rem;}
.sustainable_achievement .contents01 .flexBox {-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;}
.sustainable_achievement .contents01 .imgWrap.flexBox .infoBox {padding-bottom:32px;}
.sustainable_achievement .contents01 .infoBox .infoTitle {padding-bottom:38px;}
.sustainable_achievement .contents01 .infoBox .shape1 img,
.sustainable_achievement .contents01 .infoBox .shape2 img {width:100%;transform: translate(-110%, 0%);}
.sustainable_achievement .contents01 .infoBox .shape1 {margin-right:22px;overflow:hidden;}
.sustainable_achievement .contents01 .infoBox .shape2 {margin-right:13px;overflow:hidden;}
.sustainable_achievement .contents01 .imgWrap .chartWrap {position:relative;}

.sustainable_achievement .chartWrap {min-height:278px;display:block;opacity:0;}
.sustainable_achievement .chart {position: relative;display: -webkit-flex;display: -ms-flex;display: flex;justify-content: center;-webkit-align-items:end;-ms-align-items:end;align-items: flex-end;margin-bottom: -1px;min-height:244px;/* height: 25vh; */}
.sustainable_achievement .contents01 .imgWrap .chart::after {content:"";display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;background-color:#afbdd4;}

@media screen and (min-width:0\0){
	.sustainable_achievement .contents01 .imgWrap .chart::after {bottom:1px;}
	.sustainable_achievement .chart {height:244px;}
}

.sustainable_achievement .barChart {width: 110px;
display: -webkit-flex;display: -ms-flex;display: flex;
flex-direction:column;

-webkit-justify-content: end;
-ms-justify-content: end;
justify-content: flex-end;


-webkit-align-items: center;
-ms-align-items: center;
align-items: center;}
.sustainable_achievement .barChart .value {font-family: "APHQ-Bold";letter-spacing:0;font-size:3.1rem;line-height:3.0rem;text-align: center;padding-bottom: 10px;color: #fff;}
.sustainable_achievement .barChart .value i {font-size:1.9rem;}
.sustainable_achievement .barChart .bar {position: relative;width: 80px;}
.sustainable_achievement .barChart .bar .year {position: absolute;left: 0;right: 0;bottom: -32px;color: #f8f8f8;font-size:1.5rem;line-height:3.0rem;text-align: center;font-weight: 600;height:30px;}
.sustainable_achievement .barChart.value2017 .bar {height: 0;background-color: #9db5da;}
.sustainable_achievement .barChart.value2018 .bar {height: 0;background-color: #9db5da;}
.sustainable_achievement .barChart.value2019 .bar {height: 0;background-color: #fff;}
.sustainable_achievement .contents02 {padding:8% 0 5%;background-color:#f8f8f8;}
.sustainable_achievement .contents02 .flexBox {overflow:visible;margin-top:50px;align-items: inherit;}
.sustainable_achievement .contents02 .infoBox {width:24%;padding:40px;background-color:#FFF;box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);border-radius:5px;transform: translate(100%, 0%);opacity:0;min-height:337px}
.sustainable_achievement .contents02 .infoBox .infoTitle,
.sustainable_achievement .contents02 .infoBox .infoNum {color:#3255a4;font-weight:600;}
.sustainable_achievement .contents02 .infoBox .infoTitle {padding-bottom:20px;font-size:2.0rem;line-height:2.4rem;}
.sustainable_achievement .contents02 .infoBox .infoNum {font-size:2.6rem;line-height:4.1rem;font-weight:600;}
.sustainable_achievement .contents02 .infoBox .infoNum  span {font-size:5.6rem;line-height:4.2rem;}
.sustainable_achievement .contents02 .infoBox .infoCon {margin-top:65px;color:#333;font-size:1.6rem;line-height:2.0rem;font-weight:600;}
.sustainable_achievement .contents02 .infoBox .infoCon p {margin-top:8px;color:#666;font-size:1.6rem;line-height:2.4rem;font-weight:500;}
.sustainable_achievement .contents03 {padding:8% 0 5%;background-color:#eeeeee;}
.sustainable_achievement .contents03 .infoBox {margin-top:55px;}
.sustainable_achievement .contents03 .infoBox .infoTitle {padding-bottom:26px;color:#333;font-size:1.8rem;line-height:2.2rem;font-weight:600;opacity:0}
.sustainable_achievement .contents03 .infoBox .infoNum {color:#666;font-size:2.6rem;line-height:4.1rem;font-weight:600;opacity:0;}
.sustainable_achievement .contents03 .infoBox .infoNum  span {font-size:5.6rem;line-height:4.2rem;}
.sustainable_achievement .contents03 .infoBox .text {color:#666;font-size:1.6rem;line-height:2.4rem;opacity:0;}
.sustainable_achievement .contents03 .infoCon.flexBox.txtInfo {overflow: visible;margin-top: 12px;-webkit-align-items: center;-ms-align-items: center;align-items: center;}
.sustainable_achievement .contents03 .infoCon.flexBox.txtInfo .text,
.sustainable_achievement .contents03 .infoCon.flexBox.txtInfo .infoNum {width: 50%;word-break: keep-all;}
.sustainable_achievement .contents03 .infoCon.flexBox.txtInfo .text {padding-bottom:17px;}
.sustainable_achievement .contents03 .infoCon.flexBox.barInfo .bar {width: 80%;background-color: #fff;height: 80px;position: relative;opacity:0;}
.sustainable_achievement .contents03 .infoCon.flexBox.barInfo .bar .blue {position: absolute;left: 0;top: 0;bottom: 0;width: 0;background-color: #3255a4;}
.sustainable_achievement .contents03 .infoCon.flexBox.barInfo .bar .infoNum {position: absolute;left: 10%;top: 50%;transform: translate(0, -35%);color:#fff;}
.sustainable_achievement .contents03 .infoCon.flexBox.barInfo .bar .infoNum span {font-size:4.6rem;}
.sustainable_achievement .contents03 .flexBox {align-items: flex-start;}
.sustainable_achievement .contents03 .motion6 {width:45%;}
.sustainable_achievement .contents03 .motion6 .flexBox {-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;padding-top:40px;justify-content: space-between;}
.sustainable_achievement .contents03 .motion6 .infoNum {width:26%;color:#3255a4;}
.sustainable_achievement .contents03 .motion6 .dotWrap {width:342px;opacity:0;overflow:hidden;}
.dotWrap .dot {display:inline-block;border-radius:100%;background-color:#bbbbbb;width:9px;height:9px;margin-right:9px;margin-bottom:9px;}
.sustainable_achievement .contents04 .imgWrap {height:400px;background:#000 url('/2019/src/images/sustainable/achievement_img4.png') center bottom no-repeat;background-size:cover;}
@media (max-width:1023px) {
	.sustainable_achievement .subVisual {height:502px;}
	.sustainable_achievement .bgIMG {background-image:url('/2019/src/images/sustainable/achievement_img5.png');background-position: right bottom;}
	.sustainable_achievement .subVisual .copyWrap {flex-direction: row-reverse;justify-content: flex-end;padding-left:0;align-items:flex-end}
	.sustainable_achievement .subVisual .h2_title {height:auto;padding-bottom:50px;}
	.sustainable_achievement .contents01 {padding-top: 19.5%;padding-bottom: 0;}
	.sustainable_achievement .contents01 .imgWrap {width:100%;}
	.sustainable_achievement .contents01 .imgWrap.flexBox {flex-direction: row;align-items: flex-start;justify-content: space-between;}
	.sustainable_achievement .contents01 .contentsBox h1 {margin-bottom: 44px;}
	.sustainable_achievement .contents01 .infoCon > div {display:inline-block;}
	.sustainable_achievement .contents01 .infoBox .infoTitle {font-size:1.5rem;line-height:2.0rem;}
	.sustainable_achievement .contents01 .infoNum {font-size: 1.9rem;line-height: 3.1rem;}
	.sustainable_achievement .contents01 .infoNum span {font-size: 4.2rem;line-height: 3.1rem;}
	.sustainable_achievement .contents01 .flexBox {-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;overflow:visible;}
	.sustainable_achievement .contents01 .imgWrap.flexBox .infoBox {padding-bottom:13%;width: 48%;}
	.sustainable_achievement .contents01 .infoBox .infoTitle {padding-bottom: 38px;height: 64px;}
	.sustainable_achievement .contents01 .infoBox .shape1 {margin-right: 19px;width: 29%;}
	.sustainable_achievement .contents01 .infoBox .shape2 {margin-right: 15px;width: 22.5%;}
	.sustainable_achievement .contents01 .infoBox .infoTitle.pl40 {padding-left:0 !important;}
	.sustainable_achievement .contents01 .motion2 .infoTitle {margin-right:-4.2vw;}
	.sustainable_achievement .contents01 .imgWrap .chartWrap {width: 90%;float: right;margin-top: 50px;padding-bottom:40px;}
	.sustainable_achievement .chartWrap {min-height: auto;display:block;}
	.sustainable_achievement .chart {min-height: 185px;}
	.sustainable_achievement .barChart {width: 85px;}
	.sustainable_achievement .barChart .value {font-size: 2.3rem;line-height: 2.2rem;}
	.sustainable_achievement .barChart .value i {font-size: 1.5rem;}
	.sustainable_achievement .barChart .bar {position: relative;width: 60px;}
	.sustainable_achievement .barChart .bar .year {font-size:1.5rem;line-height:3.0rem;}
	.sustainable_achievement .contents02 {padding: 19.5% 0 15%;background-color:#f8f8f8;}
	.sustainable_achievement .contents02 .flexBox {overflow:visible;margin-top: 23px;}
	.sustainable_achievement .contents02 .infoBox {width: 100%;padding: 26px;margin-bottom: 15px;min-height:auto;}
	.sustainable_achievement .contents02 .infoBox .infoTitle {padding-bottom:12px;font-size: 1.6rem;line-height: 2.0rem;}
	.sustainable_achievement .contents02 .infoBox .infoNum {font-size: 2.0rem;line-height: 3.1rem;font-weight:600;}
	.sustainable_achievement .contents02 .infoBox .infoNum  span {font-size: 4.2rem;line-height: 3.1rem;}
	.sustainable_achievement .contents02 .infoBox .infoCon {margin-top:17px;font-size: 1.3rem;line-height:2.0rem;}
	.sustainable_achievement .contents02 .infoBox .infoCon p {margin-top:2px;font-size: 1.3rem;line-height: 2.0rem;}
	.sustainable_achievement .contents03 {padding: 19.5% 0 15%;background-color:#eeeeee;}
	.sustainable_achievement .contents03 .imgWrap,.sustainable_achievement .contents03 .imgWrap.wid38 {width:100%}
	.sustainable_achievement .contents03 .infoBox {margin-top:47px;}
	.sustainable_achievement .contents03 .infoBox .infoTitle {padding-bottom:13px;font-size: 1.5rem;line-height:2.2rem;word-break: keep-all;}
	.sustainable_achievement .contents03 .infoBox .infoNum {font-size:1.9rem;line-height:3.1rem;font-weight:600;}
	.sustainable_achievement .contents03 .infoBox .infoNum  span {font-size:4.1rem;line-height:3.1rem;}
	.sustainable_achievement .contents03 .infoBox .text {font-size: 1.2rem;line-height: 1.8rem;}
	.sustainable_achievement .contents03 .infoCon.flexBox.txtInfo {overflow: visible;flex-direction: row;}
	.sustainable_achievement .contents03 .infoCon.flexBox.txtInfo .text {padding-bottom:17px;width:60%;}
	.sustainable_achievement .contents03 .infoCon.flexBox.barInfo {flex-direction: row;justify-content: space-between;}
	.sustainable_achievement .contents03 .infoCon.flexBox.barInfo .bar {height: 60px;}
	.sustainable_achievement .contents03 .infoCon.flexBox.barInfo .bar .infoNum span {font-size:3.4rem;}
	.sustainable_achievement .contents03 .motion6 {width:100%;}
	.sustainable_achievement .contents03 .motion6 .flexBox {-webkit-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;padding-top: 12px;flex-direction: row-reverse;justify-content: space-between;}
	.dotWrap .dot {width:1.33vw;height:1.33vw;margin-right:1.33vw;margin-bottom:1.33vw;}
	.sustainable_achievement .contents03 .motion6 .infoNum {width:33%;text-align: right;}
	.sustainable_achievement .contents03 .motion6 .dotWrap {width:63%;}
	.sustainable_achievement .contents04 .imgWrap {height: 26vh;background:#000 url('/2019/src/images/sustainable/achievement_img6.png') center center no-repeat;background-size:cover;}
}

/* 01_sustainable_plasticfree */
.sustainable_plasticfree .subVisual {background-color: #f6f6f6;}
.sustainable_plasticfree .bgIMG {background-image:url('/2019/src/images/sustainable/plasticfree_img6.png');}
.sustainable_plasticfree .contents01 {padding-top:7.4%;padding-bottom:3.4%;}
.sustainable_plasticfree .contents01 .txtBox .txt i {font-family: 'AritaBuri';}
.sustainable_plasticfree .contents01 .txtBox .txt span {font-weight:bold;font-size:4.4rem;line-height:5.2rem;}
.sustainable_plasticfree .diagramWrap {padding-left: 88px;}
.sustainable_plasticfree .diagramWrap p {margin-left:-88px;}
.sustainable_plasticfree .contents01 .pathWrap {width: 11.5vw;}
.sustainable_plasticfree .contents02 {padding-bottom:11%;}
.blackBox {margin:0 auto;padding:5.6% 10.7% 5.5%;width:72.3%;background-color:#333;}
.blackBox h1 {position:relative;padding-bottom:3.6%;width:100%;color:#fff;font-size:2.4rem;line-height:3.2rem;font-weight:600;text-align:center;opacity:0;}
.blackBox h1::after {content:"";position:absolute;left:0;bottom:0;height:1px;background-color:#484745;width:100%;right:0;}
.blackBox ol {display:block;margin-top:5%;}
.blackBox ol li {position:relative;display:table;width:100%;padding-bottom:25px;color:#999;font-size:1.6rem;line-height:2.6rem;transform: translate(0%,100%);overflow: hidden;opacity: 0;}
.blackBox ol li span {display:table-cell;width:60px;}
.blackBox ol li i {display:block;width:60px;height:60px;font-family:"APHQ-Bold";color:#fff;font-size:2.8rem;line-height:65px;font-style:normal;text-align:center;vertical-align:middle;border:1px solid #fff;border-radius:100%;}
.blackBox ol li div {display:table-cell;padding-left:51px;vertical-align:middle;}
.blackBox ol li h2 {padding-top:3px;color:#fff;font-size:1.8rem;line-height:2.6rem;font-weight:500;}
.blackBox ol li:last-child {padding-bottom:0;}
.sustainable_plasticfree .contents03 .imgWrap {background:#000 url('/2019/src/images/sustainable/plasticfree_img4.png') center 100% no-repeat;background-size:cover;}
.sustainable_plasticfree .contents04 .linkBox.left .chapterTit::after {right: 411px;}
.sustainable_plasticfree .contents04 .linkBox.right .chapterTit::after {left: 188px;}
@media (max-width:1023px) {
	.sustainable_plasticfree .bgIMG {background-image:url('/2019/src/images/sustainable/plasticfree_img7.png');}
	.sustainable_plasticfree .contents01 {padding-top:0;padding-bottom:12.4%;}
	.sustainable_plasticfree .contents01 .txtBox {padding-left:8.4vw;padding-right:8.4vw;padding-top:26%;}
	.sustainable_plasticfree .contents01 .txtBox .txt span {font-size:2.4rem;line-height:3.0rem;}
	.sustainable_plasticfree .diagramWrap {padding-left: 46px;margin-top:20px;}
	.sustainable_plasticfree .diagramWrap p {margin-left:0;text-align:right;font-size: 1.3rem;
    line-height: 1.7rem;}
	.sustainable_plasticfree .contents01 .pathWrap {width: 27vw;}
	.sustainable_plasticfree .contents01 .number {right: 28.4vw;top: 34%;}
	.sustainable_plasticfree .contents02 {padding-bottom: 0;}
	.blackBox {margin: 0;padding: 15% 8.4vw 16%;width: 100vw;}
	.blackBox h1 {padding-bottom: 8%;font-size: 2.0rem;line-height: 2.8rem;word-break: keep-all;}
	.blackBox ol {margin-top: 13%;}
	.blackBox ol li {padding-bottom: 29px;font-size: 1.4rem;line-height: 2.0rem;}
	.blackBox ol li span {display:table-cell;width: 45px;}
	.blackBox ol li i {width: 45px;height: 45px;font-size: 2.1rem;line-height: 48px;}
	.blackBox ol li div {padding-left: 20px;vertical-align: top;}
	.blackBox ol li h2 {padding-top: 0;font-size: 1.5rem;line-height: 2.3rem;word-break: keep-all;margin-bottom:6px;}
	.blackBox ol li:last-child {padding-bottom:0;}
	.sustainable_plasticfree .contents03 .imgWrap {background:#000 url('/2019/src/images/sustainable/plasticfree_img5.png') center top no-repeat;background-size:cover;}
}

/* 02_sustainable_reduce */
.sustainable_reduce .subVisual {background-color: #f4f3f1;}
.sustainable_reduce .bgIMG {background-image:url('/2019/src/images/sustainable/reduce_img8.png');}
.sustainable_reduce .contents01 {padding-top:8.7%;padding-bottom:2.6%;}
.sustainable_reduce .contents01 .diagramWrap {padding-left: 12%;width: 52%;}
.sustainable_reduce .contents01 .diagramWrap p {text-align:center;}
.sustainable_reduce .contents03 {padding-bottom:11%;}
.sustainable_reduce .contents03 .imgContent {padding-top:22px;background-color:#1c3e8b;position:relative;overflow: hidden;}
.sustainable_reduce .contents03 .linkImg {top: 4.4%;height: 78.8%;left: 10.5%;right: 10.5%;background-color: rgba(0, 0, 0, .2);}
.circle1,.circle2,.circle3 {position:absolute;border-radius:100%;background-color:#fee32d;overflow:hidden;}
.circle1 {width:141px;height:141px;left: -70px;top: 40%;}
.circle2 {width:220px;height:220px;top: -80px;left: 57%;}
.circle3 {width:112px;height:112px;left: 80%;top: 80%;}
.sustainable_reduce .contents05 .borderBox .imgWrap {background: url('/2019/src/images/sustainable/reduce_img5.png') center bottom no-repeat;background-size: 100% auto;}
@media (max-width:1023px) {
	.sustainable_reduce .bgIMG {background-image:url('/2019/src/images/sustainable/reduce_img9.png');}
	.sustainable_reduce .contents01 {padding-top: 0;padding-bottom: 6%;}
	.sustainable_reduce .contents01 .txtBox {padding-left: 8.4vw;padding-right: 8.4vw;}
	.sustainable_reduce .contents01 .diagramWrap {padding-left: 12%;width: 52%;}
	.sustainable_reduce .contents01 .diagramWrap p {text-align: right;margin-left:0;}
	.sustainable_reduce .contents01 .pathWrap {width:35vw;margin-right:3vw;}
	.sustainable_reduce .contents01 .number {top:30%;right:40vw;}
	.sustainable_reduce .contents03 {padding-bottom: 0;}
	.sustainable_reduce .contents03 .imgContent .imgBox {width:60%;}
	.sustainable_reduce .contents03 .linkImg {top: 4.4%;height: 78.8%;left: 10.5%;right: 10.5%;}
	.circle1,.circle2,.circle3 {position:absolute;border-radius:100%;background-color:#fee32d;overflow:hidden;}
	.circle1 {width:141px;height:141px;left: -70px;top: 40%;}
	.circle2 {width:220px;height:220px;top: -80px;left: 57%;}
	.circle3 {width:112px;height:112px;left: 80%;top: 80%;}
	.sustainable_reduce .contents01 .txtBox,.sustainable_reduce .contents03 .txtBox,.sustainable_reduce .contents04 .txtBox {padding-top:26%;}
	.sustainable_reduce .contents03 .txtBox {padding-bottom:13%;}
}

/* 03_sustainable_recycle */
.sustainable_recycle .subVisual {background-color: #f1eff0;}
.sustainable_recycle .bgIMG {background-image:url('/2019/src/images/sustainable/recycle_img1.png');}
.sustainable_recycle .contents01 {padding-top: 10.9%;padding-bottom: 2.6%;}
.sustainable_recycle .contents01 .pathWrap {width: 10.8vw;}
.sustainable_recycle .diagramWrap {padding-left: 98px;}
.sustainable_recycle .diagramWrap p {margin-left:-98px;}
.sustainable_recycle .contents03 {padding-bottom: 11%;}
.sustainable_recycle .contents03 .imgWrap {position: relative;height: 21.2%;}
.sustainable_recycle .contents03 .cosmetics > div {position: absolute;}
.sustainable_recycle .contents03 .cosmetics > div > img {width: 100%;display: block;}
.sustainable_recycle .contents03 .bottom {left: 0;right: 100%;bottom: 0;background-color: #3255a4;height:50%;} 
.sustainable_recycle .contents03 .cosmetics3 {top: 1%;right: 20%;width: 31.1%;opacity: 0;}
.sustainable_recycle .contents03 .cosmetics2 {top: 1%;right: 0;width: 32.4%;opacity: 0;}
.sustainable_recycle .contents03 .cosmetics1 {top: 1%;right: -20%;width: 29.1%;opacity: 0;}
.sustainable_recycle .contents03 .caption {left:30px;color:#FFF;}
/* .sustainable_recycle .contents03.active .caption {opacity:1;} */

.sustainable_recycle .contents03 .blank {height:6.3vh;}
.sustainable_recycle .contents04 {padding-bottom: 5.2%;}
.sustainable_recycle .contents04 .flexBox {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;align-items: flex-start;}
.sustainable_recycle .contents04 .imgWrap {width: 82%;}
.sustainable_recycle .contents04 .imgWrap .flexBox {flex-direction: row;}
.sustainable_recycle .contents04 .imgWrap .flexBox div {width: 50%;overflow: hidden;}
.sustainable_recycle .contents04 .imgWrap .flexBox div img {transform: translate(-100%, 0%);opacity: 0;width: 100%;}
.sustainable_recycle .contents04 .txtBox {width: 58%;margin-top:-1.5%;z-index: 1;}
.sustainable_recycle .contents05 .borderBox .imgWrap {background: url('/2019/src/images/sustainable/recycle_img9.png') center bottom no-repeat;background-size: 100% auto;}
@media (max-width:1023px) {
    /* 03_sustainable_recycle */
	.sustainable_recycle .subVisual {background-color: #f0eeef;}
    .sustainable_recycle .bgIMG {background-image:url('/2019/src/images/sustainable/recycle_img16.png');}   
    .sustainable_recycle .contents01 {padding-top: 0;padding-bottom: 6%;}
    .sustainable_recycle .contents01 .pathWrap {width: 25.8vw;}
	.sustainable_recycle .contents01 .number {right: 25.8vw;top:30%;}
    .sustainable_recycle .contents01 .txtBox {padding-left: 8.4vw;padding-right: 8.4vw;padding-top: 26%;}
    .sustainable_recycle .diagramWrap p {text-align: right;}
    .sustainable_recycle .contents03 {padding-top: 0;padding-bottom: 0;}
    .sustainable_recycle .contents03 .txtBox {padding-top: 26%;padding-bottom: 13%;}
    .sustainable_recycle .contents03 .imgWrap {height: 27.6vh;}
    .sustainable_recycle .contents03 .cosmetics > div {position: absolute;}
    .sustainable_recycle .contents03 .cosmetics > div > img {width: 100%;}
    .sustainable_recycle .contents03 .bottom {left: 0;right: 0;bottom: 0;background-color: #1c3e8b;height: 51%;} 
    .sustainable_recycle .contents03 .cosmetics3 {top: 2%;right: 29.1%;width: 31.1%;}
    .sustainable_recycle .contents03 .cosmetics2 {top: 2.5%;right: 3.1%;width: 32.4%;}
    .sustainable_recycle .contents03 .cosmetics1 {top: 2%;right: -20%;width: 29.1%;}
	.sustainable_recycle .contents03 .blank {height:5.0vh;}
    .sustainable_recycle .contents04 {padding-top: 0;padding-bottom: 0;}
    .sustainable_recycle .contents04 .flexBox {flex-direction: column-reverse;}
    .sustainable_recycle .contents04 .imgWrap {width: 100%;}
    .sustainable_recycle .contents04 .imgWrap .flexBox div {height:auto;}
    .sustainable_recycle .contents04 .txtBox {width: 100%;margin-top: 0;padding-top: 26%;padding-bottom: 13%;}
    .sustainable_recycle .contents05 .borderBox .imgWrap {background-size: 100% auto;}
}

/* 04_sustainable_environment */
.sustainable_environment .subVisual {background-color: #f9f9fb;}
.sustainable_environment .bgIMG {background-image:url('/2019/src/images/sustainable/environment_img10.png');}
.sustainable_environment .subVisual .txtBox {width:52%;}
.sustainable_environment .contents01{padding-top: 7.4%;padding-bottom: 2.0%;}
.sustainable_environment .contents01 .number{left:111px;top: 38%;}
.sustainable_environment .contents01 .pathWrap {width: 110%;}
.sustainable_environment .contents01 .numberTxt {color: #3255a4;font-family: "APHQ-Bold";letter-spacing:0;font-size: 6.4rem;line-height: 160px;letter-spacing: -1px;position: absolute;z-index: 1;top: 38%;left: 0;font-weight:bold;opacity:0;}
.sustainable_environment .contents01 .diagramWrap {padding-left: 26%;}
.sustainable_environment .contents01 .diagramWrap p {text-align: center;margin-left:-13%;}
.sustainable_environment .contents02.imgContent {padding-top:0;background-color:#f8f8f8;}
.sustainable_environment .contents02.imgContent .imgBox {display:block;}
.sustainable_environment .contents01 .txtBox.leftPadding {padding-right:9%;}


.sustainable_environment .contents03 {padding-bottom:11%;}
.sustainable_environment .contents03 .captionImg .imgTxt {left:30px;bottom:30px;color:#fff;}
.sustainable_environment .contents04 {padding-bottom:10%;}
.sustainable_environment .contents04 .flexBox.flexDirC {align-items: flex-start;}
.sustainable_environment .contents04 .imgBox {width:82.6%;padding-bottom:1%;}
.sustainable_environment .contents04 .imgBox img {display:block;height:550px;}
.sustainable_environment .contents04 .imgBox .flexBox > div {width:33.3333%;overflow:hidden;}
.sustainable_environment .contents04 .imgBox .flexBox > div img {display:block;width:100%;transform: translate(-100%, 0%)}
.sustainable_environment .contents04 .pathWrap {width: 105%;}
.sustainable_environment .contents04 .diagramWrap {padding-left: 12.8%;}
.sustainable_environment .contents04 .number{margin-bottom:40px;}

.sustainable_environment .contents06 {padding-bottom:11%;}
.sustainable_environment .contents06 .imgBox {background: url('/2019/src/images/sustainable/reduce_img6.png') center bottom no-repeat;background-size:cover;}

@media (max-width:1023px) {
	/* 04_sustainable_environment */
	.sustainable_environment .bgIMG {background-image:url('/2019/src/images/sustainable/environment_img12.png');}
	.sustainable_environment section .txtBox {padding-top:26%;}
	.sustainable_environment .subVisual .txtBox {width: 100%;}
	.sustainable_environment .contents01{padding-top: 0;padding-bottom: 6%;}
	.sustainable_environment .contents01 .number{left: auto;top: 30%;right: 20.4vw;font-size:2.5rem;}
	.sustainable_environment .contents01 .pathWrap {width: 21.5vw;}
	.sustainable_environment .contents01 .numberTxt {font-size: 2.5rem;line-height: 2.4rem;top: 46%;left: auto;opacity:0;right: 41.4vw;}
	.sustainable_environment .contents01 .diagramWrap p {text-align: right;padding-left: 42%;}
	.sustainable_environment .contents02 .imgTxt {bottom: 8%;}
	.sustainable_environment .contents03 {padding-bottom:0;}
	.sustainable_environment .contents03 .txtBox {padding-bottom:13%;}
	.sustainable_environment .contents03 .captionImg .imgTxt {left:30px;bottom: 20px;}
	.sustainable_environment .contents04 {padding-bottom:0;}
	.sustainable_environment .contents04 .flexBox.flexDirC {flex-direction: column-reverse;}
	.sustainable_environment .contents04 .imgBox .flexBox {flex-direction: row;}
	.sustainable_environment .contents04 .imgBox {width: 100%;padding-bottom: 0;}
	.sustainable_environment .contents04 .imgBox img {width:100%;height:auto;}
	.sustainable_environment .contents04 .imgBox .flexBox > div {width:33.3333%;overflow:hidden;}
	.sustainable_environment .contents04 .imgBox .flexBox > div img {display:block;width:100%;transform: translate(-100%, 0%)}
	.sustainable_environment .contents04 .imgWrap {padding-bottom: 6%;}
	.sustainable_environment .contents04 .pathWrap {width: 29.6vw;float: right;}
	.sustainable_environment .contents04 .diagramWrap {padding-left: 0;width:100%;}
	.sustainable_environment .contents04 .number{top: 32%;right: 30.4vw;left: auto;}
	.sustainable_environment .contents04 .diagramWrap p {text-align: right;}

	.sustainable_environment .contents06 {padding-bottom:13%;}
	.sustainable_environment .contents06 .imgBox {background-image:url('/2019/src/images/sustainable/reduce_img7.png');}

}

/* 05_sustainable_life */
.sustainable_life .subVisual {background-color: #f9f9fb;}
.sustainable_life .bgIMG {background-image:url('/2019/src/images/sustainable/life_img1.png');}
.sustainable_life .contents01 {padding-top:8.7%;padding-bottom:2.6%;}
.sustainable_life .contents01 .txtBox.leftPadding {padding-right:11%;}
.sustainable_life .contents01 .diagramWrap {width:52%;padding-left:15.5%;}
.sustainable_life .contents01 .number {top:40%;}
.sustainable_life .contents02 {background-color:#eeeeee;padding-top:calc(6.7% + 18px);padding-bottom:7.8%;margin-bottom:11%;}
.sustainable_life .contents02 .slickWrap {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;justify-content: center;}
.sustainable_life .contents02 .slickWrap .shadow {margin: 0 14px;box-shadow: 20px 30px 100px rgba(0, 0, 0, .25);}
.sustainable_life .contents02 .slickWrap .shadow img {margin-bottom:-2px;}
.sustainable_life .contents02 .imgTxt {width:100%;bottom: -67px;text-align:center;}
.sustainable_life .contents03 {padding-bottom:11%;}
.sustainable_life .contents03 .imgTxt {color:#fff;left:30px;bottom:30px;}
.sustainable_life .contents03 .imgWrap {background-color:#2c4a2c;overflow:hidden;position:relative;}
.sustainable_life .contents03 .imgWrap::before {content: "";position: absolute;left: -20%;right:-10%;top: -20%;bottom: -10%;background-color: #fbcd4c;transform: rotate(0deg) translate(0%, 0%);
-webkit-transition-property: transform;
-webkit-transition-duration:.7s;
-webkit-transition-delay:.5s;
-webkit-transition-timing-function: linear;
transition-property: transform;
transition-duration:.7s;
transition-delay:.5s;
transition-timing-function: linear;}
.sustainable_life .contents03.active .imgWrap::before {transform: rotate(-48deg) translate(10%, 70%);}
.sustainable_life .contents04 {padding-bottom:11%;}
.sustainable_life .contents04 .imgTxt {color:#fff;right:30px;bottom:30px;}
.sustainable_life .contents05 {padding-bottom:2.6%;}
.sustainable_life .contents05 .diagramWrap {width: 57%;padding-left:15.5%;}
.sustainable_life .contents05 .number {top:40%;font-size:5.0rem;}
.sustainable_life .contents05 .number span {font-size:1.8rem;}
.sustainable_life .contents06 {padding-bottom:11%;}
/* .sustainable_life .contents06 .imgWrap {height:0;background: url('/2019/src/images/sustainable/life_img10.png') center 100% no-repeat;background-size: 100% auto;transition:height 0.7s;transition-delay: 1s;}
.sustainable_life .contents06.active .imgWrap {height:460px;} */
.sustainable_life .contents06 .imgWrap .imgTxt {bottom:30px;left:20%;text-shadow: 0px 0px #3b383b;}
.sustainable_life .contents07 {padding-bottom:11%;}
.sustainable_life .contents07 .imgTxt {color:#fff;left:30px;bottom:30px;}
.sustainable_life .contents08 .borderBox .imgWrap {background: url('/2019/src/images/sustainable/life_img14.png') center center no-repeat;background-size: cover;}
@media (max-width:1023px) {
	/* 05_sustainable_life */
	.sustainable_life .bgIMG {background-image:url('/2019/src/images/sustainable/life_img15.png');}
	.sustainable_life .contents01 {padding-top: 0;padding-bottom: 6%;}
	.sustainable_life .contents01 .txtBox {padding-top: 26%;}
	.sustainable_life .contents01 .diagramWrap {width:52%;padding-left:15.5%;}
	.sustainable_life .contents01 .diagramWrap p {text-align:right;font-size: 1.3rem;
    line-height: 1.7rem;margin-left:0;}
	.sustainable_life .contents01 .number {top: 34%;right: 30.5vw;}
	.sustainable_life .contents01 .pathWrap {width:30.5vw;}
	.sustainable_life .contents02 {padding-top:10%;padding-bottom:60%;margin-bottom:0;position:relative;}
	.sustainable_life .contents02 .captionImg {position:static;}
	.sustainable_life .contents02 .slickWrap {display: block;}
	.sustainable_life .contents02 .slickWrap .shadow {margin: 0;float:left;box-shadow: none;padding:0 2.1vw;}
	.slick-dots {position:absolute;width:100%;bottom: 15px;display: -webkit-flex;display: -ms-flex;display: flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;justify-content: center;}
	.slick-dots > li {display: block;margin: 0 3px;}
	.slick-dots > li > button {border:none;width:6px;height:6px;background-color:#999;border-radius: 100%;color: transparent;font-size: 0;display: block;padding: 0;}
	.slick-dots > li.slick-active > button{background-color:#333;}
	.sustainable_life .contents02 .slickWrap .shadow img {margin-bottom:-2px;box-shadow: 20px 30px 100px rgba(0, 0, 0, .25);}
	.sustainable_life .contents02 .imgTxt {bottom: 7%;}
	.sustainable_life .contents03 {padding-bottom: 0;}
	.sustainable_life .contents03 .txtBox {padding-top:26%;padding-bottom:13%;}
	.sustainable_life .contents03 .imgTxt {left: 15px;bottom: 15px;}
	.sustainable_life .contents04 {padding-bottom: 0;}
	.sustainable_life .contents04 .flexBox {flex-direction: column-reverse;}
	.sustainable_life .contents04 .txtBox {padding-top:26%;padding-bottom:13%;}
	.sustainable_life .contents04 .imgTxt {right: auto;bottom: 15px;left: 15px;}
	.sustainable_life .contents05 {padding-bottom: 6%;}
	.sustainable_life .contents05 .txtBox {padding-top:26%;padding-bottom:13%;}
	.sustainable_life .contents05 .diagramWrap {width: 57%;padding-left:15.5%;}
	.sustainable_life .contents05 .diagramWrap p {text-align:right;}
	.sustainable_life .contents05 .number {top: 31%;font-size: 2.5rem;right: 39vw;}
	.sustainable_life .contents05 .number span {font-size:0.9rem;}
	.sustainable_life .contents05 .pathWrap {width:35.5vw;}
	.sustainable_life .contents06 {padding-bottom: 0;}
/* 	.sustainable_life .contents06 .imgWrap {background-image:url('/2019/src/images/sustainable/life_img16.png');}
	.sustainable_life .contents06 .imgWrap .imgTxt {bottom:15px;left:15px;} */
	.sustainable_life .contents06.active .imgWrap {height:26vh;}
	.sustainable_life .contents07 {padding-bottom: 0;}
	.sustainable_life .contents07 .txtBox {padding-top: 26%;padding-bottom: 13%;}
	.sustainable_life .contents07 .imgTxt {left: 15px;bottom: 15px;}
	.sustainable_life .contents08 .borderBox .imgWrap {background: url('/2019/src/images/sustainable/life_img14.png') center bottom no-repeat;background-size:cover;}
}

.pathWrap {opacity:1;}
.sustainable_plasticfree .number,.sustainable_recycle .number {margin-bottom:40px;}
.sustainable_reduce .number {margin-bottom:50px;}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.sustainable_recycle .contents01 .pathWrap {width:20.5vw;}
	.sustainable_plasticfree .contents01 .pathWrap {width:21.5vw;}
}


@media (min-width:1100px) and (max-width:1680px) {
	
	/* .sustainable_recycle .contents03 .bottom {height:19vh;} */
.sustainable_recycle .contents03 .bottom {height:54%;}
.sustainable_recycle .contents04 .txtBox {margin-top:-2%;}
.sustainable_achievement .contents02 .infoBox {padding-left:20px;padding-right:20px;}
.sustainable_achievement .contents03 .motion6 .flexBox {flex-direction: column;align-items: flex-start;padding-top:20px;}
.sustainable_achievement .contents03 .motion6 .infoNum {margin-bottom:10px;width:100%;}

}

@media (min-width:1100px) and (max-width:1366px) {

.sustainable_achievement .contents01 .flexBox {margin-top:34px;    flex-direction: column;align-items: flex-start;}
.sustainable_achievement .contents01 .imgWrap {width:100%;}
.sustainable_achievement .contents01 .imgWrap.flexBox {display:flex;flex-direction: row;}
.sustainable_achievement .contents01 .imgWrap.flexBox .infoBox {width:50%;} 

}



.layerContent .content .popBox {display:flex;justify-content: space-between;align-items: flex-start;}
.layerContent .content .popBox .pop_text {width:calc(100% - 306px);}
.layerContent .content .popBox .pop_images {width:220px;padding-top: 11px;}

#popupReduce .pop_images,#popupRecycle .pop_images {position:relative;}
#popupReduce .pop_images img,#popupRecycle .pop_images img {display:block;width:100%;}
#popupReduce .pop_images .imgtxt,#popupRecycle .pop_images .imgtxt {display:block;padding:8px;}
#popupReduce .reduce01 .imgtxt {background-color:#f7faff}
#popupReduce .reduce02 .imgtxt {background-color:#f7faff}
#popupReduce .reduce03 .imgtxt {background-color:#f7faff}

#popupRecycle .popBox {}
#popupRecycle .recycle01 {background-color:#f7faff}
#popupRecycle .recycle02 {background-color:#f7faff}
#popupRecycle .recycle03 {background-color:#f7faff}


#popupLife .pop_images img {display:block;width:100%;}
#popupLife .pop_images .imgtxt {display:block;margin-top:9px;}

#popupLife .life03,#popupLife .life04 {position:absolute;right:0;top:0;}



@media (max-width:1023px) {
	#popupReduce .pop_images,#popupRecycle .pop_images {position:relative;/* height:136px; */margin-top:14px;}
	#popupReduce .pop_images .imgtxt,#popupRecycle .pop_images .imgtxt {bottom:13px;}

	.layerContent .content .popBox .pop_text {width:100%;}
	.layerContent .content .popBox .pop_images {width:100%;margin-top:20px;}

	#popupLife .life03,#popupLife .life04 {position:static;}

	#popupLife .pop_text + div img {width:60%;margin:0 auto;}

	#popupLife .life01 .frame {background-color:#fffdf9;}
	#popupLife .life03 .frame {background-color:#f7f7f6;}
	#popupLife .life04 .frame {background-color:#f7faff;}
	#popupLife .life05 .frame {background-color:#0d7239;}
	#popupLife .life06 .frame {background-color:#f7faff;}

	#popupLife .pop_text + div.life02 img {width:100%;margin:0 auto;}
}


/* EN */
body.en.sustainable_achievement .contents01 .infoNum {font-size:1.6rem;}
body.en.sustainable_achievement .contents01 .motion2 {width:50%;overflow:hidden;}
body.en.sustainable_achievement .contents02 .infoBox .infoNum {font-size:2.2rem;}
body.en.sustainable_achievement .contents02 .infoBox .infoNum span {font-size:5.0rem;}
body.en.sustainable_reduce .number {margin-bottom:60px;}
body.en.sustainable_environment .subVisual .txtBox {width:100%;}

/* body.en #popupReduce .pop_images, 
body.en #popupRecycle .pop_images {height:auto;} */
body.en #popupReduce .reduce01,
body.en #popupReduce .reduce02,
body.en #popupReduce .reduce03,
body.en #popupRecycle .recycle01,
body.en #popupRecycle .recycle02,
body.en #popupRecycle .recycle03 {background-size:auto 90%;}

body.en .layerContent .content .popBox .pop_images .imgtxt {line-height:1.8rem;}
body.en.sustainable_recycle .contents06 {background-color:#3255a4;}

/* body.en #popupRecycle .recycle01 {background-size: auto 80%;height:190px;} */

body.en.sustainable_reduce .contents06 {background-color:#272930;}
body.en.sustainable_life .contents09 {background-color:#272930;}
body.en.sustainable_environment .contents01 .diagramWrap p {margin-left:-26%;}
body.en.sustainable_life .contents01 .diagramWrap p {margin-left:-15%;}
body.en.sustainable_life .contents05 .diagramWrap p {margin-left:-20%;}
body.en {}
body.en {}
body.en {}
body.en {}
@media (min-width:1100px) {

body.en.sustainable_life .contents08 .borderBox {padding-top:0;padding-bottom:0;}
}


@media (max-width:1023px) {
	body.en.sustainable_achievement .subVisual .copyWrap {right:0;}
/* 	body.en.sustainable_achievement .subVisual .h2_title {padding-bottom:55px;} */
	body.en.sustainable_achievement .contents01 .infoNum {font-size:1.4rem;}
	body.en.sustainable_achievement .contents01 .imgWrap.flexBox {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	body.en.sustainable_achievement .contents01 .imgWrap.flexBox .infoBox {width:100%;}
	body.en.sustainable_achievement .contents01 .infoBox .shape1 {width:15%;}
	body.en.sustainable_achievement .contents01 .infoBox .shape2 {width:11%;margin-right:30px;}
	body.en.sustainable_achievement .contents01 .infoBox .infoTitle {height:auto;padding-bottom:15px;}

	body.en.sustainable_achievement .contents02 .infoBox .infoNum {font-size:1.5rem;}
	body.en.sustainable_achievement .contents02 .infoBox .infoNum span {font-size:4.2rem;}
	body.en.sustainable_life .contents05 .diagramWrap p {padding-left:20%;}
	body.en .layerContent .content .pop_text{word-break: keep-all;}

	body.en #popupReduce .pop_images,
	body.en #popupRecycle .pop_images {position:relative;/* height:136px; */margin-top:14px;}

	body.en #popupReduce .reduce01,
	body.en #popupReduce .reduce02,
	body.en #popupReduce .reduce03,
	body.en #popupRecycle .recycle01,
	body.en #popupRecycle .recycle02,
	body.en #popupRecycle .recycle03 {background-size:auto 85%;}

	body.en .layerContent .content .popBox h3 {line-height:2.0rem;}
	body.en .layerContent .content h2 {line-height:2.5rem;}
	body.en.sustainable_environment .contents04 .diagramWrap p {padding-left:60%;}
	body.en {}
	body.en {}
	body.en {}
	body.en {}
	body.en {}
	body.en {}

}

@media (min-width: 320px) and (max-width: 375px) {

.sustainable_achievement .contents01 .imgWrap.flexBox {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.sustainable_achievement .contents01 .imgWrap.flexBox .infoBox {width:100%;}
.sustainable_achievement .contents01 .infoBox .shape1 {width:15%;}
.sustainable_achievement .contents01 .infoBox .shape2 {width:11%;margin-right:30px;}
.sustainable_achievement .contents01 .infoBox .infoTitle {height:auto;padding-bottom:15px;}

.sustainable_achievement .contents03 .motion6 .infoNum {width:34%;}
.sustainable_environment .contents01 .diagramWrap p {padding-left:0;}

body.en.sustainable_recycle .diagramWrap p {margin-left:0;}
body.en.sustainable_environment .contents04 .diagramWrap p {padding-left:30%;}

body.en.sustainable_life .subVisual .h2_title {padding-bottom:0;}
body.en.sustainable_life .contents05 .diagramWrap p {padding-left:10%;}




}


@media (min-width: 768px) and (max-width: 1023px){

.sustainable_life .contents02 .slickWrap .shadow {width:50%;}
.sustainable_life .contents02 {padding-bottom:40%;}

}