@charset 'utf-8';
.popup-area .planet { letter-spacing: -0.9px; }
.popup-area .planet * { -ms-overflow-style: none; scrollbar-width: none; }
.popup-area .planet *::-webkit-scrollbar { display: none; }
.popup-area .planet .mobile { display: none !important; }
.popup-area .planet .popup-inner { width: 50.28571rem; max-width: 100%; margin-right: auto; margin-left: auto; }
.popup-area .planet .popup-content { margin-top: 0; }
.popup-area .planet .popup-sub-title { font-size: 2.28571rem; font-weight: 700; line-height: 1.4; color: #000; margin-bottom: 2.28571rem; }
.popup-area .planet .planet-big-title { font-size: 2rem; line-height: 1.4; font-weight: 700; }
.popup-area .planet .planet-sub-title { font-size: 1.57142rem; line-height: 1.4; font-weight: 700; margin-bottom: 2.28571rem; color: #000; }
.popup-area .planet .planet-content-title { font-size: 1.28571rem; line-height: 1.4; font-weight: 700; margin: 0 0 1.14285rem; color: #000; letter-spacing: 0; }
.popup-area .planet p { font-size: 1.28571rem; line-height: 1.4; font-weight: 400; color:#555; }
.popup-area .planet p + div,
.popup-area .planet div + div,
.popup-area .planet div + p,
.popup-area .planet p + ul,
.popup-area .planet ul + div { margin-top: 2.28571rem; }
.popup-area .planet .btn-black { display: inline-block; background-color: #000; color: #fff; padding: 0 1.71428rem; height: 2.85714rem; line-height: 2.85714rem; border-radius: 2.85714rem; margin-top: 2.28571rem; font-size: 1rem; font-weight: 700; letter-spacing: 0; }
.popup-area .planet .text-center { text-align: center !important; }
.popup-area .planet .text-left { text-align: left !important; }
.popup-area .planet .planet-blue { color: #006BEA !important; }
.popup-area .planet .planet-lightblue { color: #2189FF !important; }
.popup-area .planet .planet-black { color: #000 !important; }
.popup-area .planet .planet-bold { font-weight: 700; }
.popup-area .planet dl,
.popup-area .planet dd { margin: 0; }
.popup-area .planet sub { display: inline-block; font-size: 0.77142rem; font-weight: 400; vertical-align: middle; padding-left: 0.21428rem; }
.popup-area .planet .planet-img-area { overflow: hidden; }
.popup-area .planet .planet-img-area.small { margin: 1.71428rem 0; }
.popup-area .planet .planet-img-area:after { content: ""; display: block; clear: both; }
.popup-area .planet .planet-img-area img { display: block; max-width: 100%; margin: 0 auto; }
.popup-area .planet .planet-img-area ul li { float: left; }
.popup-area .planet .planet-img-area ul li + li { margin-left: 1.71428rem; }
.popup-area .planet .planet-img-area.ecomo { max-width: 54.92857rem; margin-right: auto; margin-left: auto; }
.popup-area .planet .planet-img-area.ecomo li:first-child { width: 100%; }
.popup-area .planet .planet-img-area.ecomo li + li { margin-left: 1.71428rem; }
.popup-area .planet .planet-img-area.ecomo li img { width: 100%; }
.popup-area .planet .planet-img-area.worldwater li:first-child { width: 45.2%; }
.popup-area .planet .planet-img-area.worldwater li + li { margin-left: 1.14285rem }
.popup-area .planet .planet-img-area.worldwater li:last-child { width: calc(54.8% - 1.14285rem); }
.popup-area .planet .planet-img-area.worldwater li:last-child img { width: calc(50% - 0.57142rem); float: left; }
.popup-area .planet .planet-img-area.worldwater li:last-child img + img { margin-left: 1.14285rem; }
.popup-area .planet .planet-titlebox + .planet-img-area { margin-top: 1.71428rem; }

.popup-area .planet .planet-graybox-list { text-align: center; margin: 1.71428rem 0; }
.popup-area .planet .planet-graybox-list ul { overflow: hidden; }
.popup-area .planet .planet-graybox-list ul:after { content: ""; display: block; clear: both; }
.popup-area .planet .planet-graybox-list li { float: left; width: calc(50% - 0.57142rem); max-width: 100%; padding: 2.28571rem 1.71428rem; background-color: #F7F7F7; text-align: center; }
.popup-area .planet .planet-graybox-list li + li { margin-left: 1.14285rem; }
.popup-area .planet .planet-graybox-list .planet-graybox-list-img { width: 5.71428rem; height: 5.71428rem; margin: 0 auto 1.71428rem; }
.popup-area .planet .planet-graybox-list .planet-graybox-list-text strong { display: block; font-size: 1.28571rem; line-height: 1.4; color: #000; }
.popup-area .planet .planet-graybox-list .planet-graybox-list-text strong + p { height: 3.42857rem; margin-top: 1.14285rem; }

.popup-area .planet .box-list {overflow: hidden;}
.popup-area .planet .box-list::after { display: block; clear: both; content: "";  }
.popup-area .planet .box-list > li{  float: left; padding: 2.286rem 1.714rem; width: calc( 50% - 1.714rem ); height: 26.5rem; background: #F5F7FE; }
.popup-area .planet .box-list > li + li{ margin-left: 1.714rem; }
.popup-area .planet .box-list > li > p {margin-top: 1.143rem; }
.popup-area .planet .box-list > li:nth-child(2n+1){ margin-left:0; }
.popup-area .planet .box-list > li:nth-child(n+3){ margin-top: 1.714rem; }
.popup-area .planet .box-list > li > div{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin: 0 auto;}
.popup-area .planet .box-list > li > div > img{width:5.714rem; height: 5.714rem; }
.popup-area .planet .box-list > li > div > strong{ line-height: 1.714rem; margin-top: 1.143rem;}

.popup-area .planet .planet-graybox-list .planet-durabilty-graybox { min-height: 23.42857rem; }
.popup-area .planet .planet-graybox-list .planet-durabilty-graybox .planet-graybox-list-text strong + p { height: auto; }

.popup-area .planet .planet-modify-durability-graybox-list ul { height: 24.42857rem }
.popup-area .planet .planet-modify-durability-graybox-list ul li { height: 100%; }
.popup-area .planet .planet-modify-durability-graybox-list planet-graybox-list-text > p { height: auto !important; }

.dot-list li { position: relative; padding-left: 0.71428rem; }
.dot-list li::before { width: 0.35714rem; height: 0.35714rem; position: absolute; left: 0; top: 0.5rem; border-radius: 0.21428rem; background: #000; content: ""; }

.popup-area .planet .planet-mind-map { margin-bottom: 4rem;}
.popup-area .planet .planet-mind-map > ul .normal { position: relative; background: #F5F7FE;}
.popup-area .planet .planet-mind-map > ul .normal:before { position: absolute; height: 2.5rem; width: 1px; content: ''; left: 50%;     bottom: -2.5rem;background: #000;}
.popup-area .planet .planet-mind-map > ul .normal + li { margin-top:2.5rem; }
.popup-area .planet .planet-mind-map li h3 { width: 100%; font-size: 1.286rem; background-color: #006BEA; color: #fff; text-align: center; font-weight: 700; padding: 24px; line-height: 24px; }
.popup-area .planet .planet-mind-map li .box { padding: 1.714rem;}
.popup-area .planet .planet-mind-map li { font-size: 1.286rem; line-height: 1.714rem; color: #000; }
.popup-area .planet .planet-mind-map li.black h3{ background: #555555; }
.popup-area .planet .planet-mind-map li.black .box{ background: #F7F5F2; }
.popup-area .planet .planet-mind-map li.half::before { content: ""; display: block; width: 52%; height: 2.92857rem; border: solid 1px #000; border-width: 1px 1px 0 1px;     margin-left: 13.85714rem; }
.popup-area .planet .planet-mind-map li.half{ overflow: hidden;}
.popup-area .planet .planet-mind-map li.half > div { width: calc(50% - 1.71428rem); float: left;}
.popup-area .planet .planet-mind-map li.half > div > * { width: 100%; }
.popup-area .planet .planet-mind-map li.half > div + div { margin-top: 0; margin-left: 3.42857rem; }
.popup-area .planet .planet-mind-map li.half h3 { position: relative; background-color: #F7F7F7; color: #000; }
.popup-area .planet .planet-mind-map li.half p { padding-top: 1.71428rem; text-align: center; }

.popup-area .planet .planet-graybox { padding: 2.28571rem; background-color: #F7F7F7; }
.popup-area .planet .planet-graybox + * { margin-top: 1.71428rem; }
.popup-area .planet .planet-bluebox { padding: 2.28571rem; background-color: #F5F7FE; }

.popup-area .planet .planet-upgrade { margin-top: 3.57142rem; }
.popup-area .planet .planet-upgrade ul { position: relative; width: 52rem; max-width: 100%; overflow: hidden; padding-top: 4.07142rem; }
.popup-area .planet .planet-upgrade ul:after { content: ""; display: block; position: absolute; height: 1px; width: 100%; background-color: #555; bottom: 1.35714rem; }
.popup-area .planet .planet-upgrade li { position: relative; font-weight: 700; font-size: 1rem; line-height: 1.4; z-index: 1; }
.popup-area .planet .planet-upgrade .mo-version { width: 8.57142rem; height: 2.85714rem; line-height: 2.85714rem; background-color: #555; color: #fff; border-radius: 2.85714rem; float: left; }
.popup-area .planet .planet-upgrade .mo-version ~ .mo-version { margin-left: 2.28571rem; }
.popup-area .planet .planet-upgrade .mo-version ~ .mo-version:before { content: ""; display: block; position: absolute; left: -1.35714rem; top: 50%; transform: translateY(-50%); width: 0.57142rem; height: 0.57142rem; background: url("/global/sustainability/assets/img/common/planet/pop/icon_direction.png") no-repeat center / contain; }
.popup-area .planet .planet-upgrade .mo-upgrade { position: absolute; color: #555; top: 0; }
.popup-area .planet .planet-upgrade .mo-upgrade:nth-child(2) { left: calc( 8.57142rem - 1rem ); }
.popup-area .planet .planet-upgrade .mo-upgrade:nth-child(4) { left: calc( (8.57142rem * 2) + 2.28571rem - 1rem ); }
.popup-area .planet .planet-upgrade .mo-upgrade:nth-child(6) { left: calc( (8.57142rem * 3) + (2.28571rem * 2) - 1rem ); }
.popup-area .planet .planet-upgrade .mo-upgrade:nth-child(8) { left: calc( (8.57142rem * 4) + (2.28571rem * 3) - 1rem ); }

.popup-area .planet .planet-bluebox .img-text-list > li { background-color: #fff; }
.popup-area .planet .img-text-list > li { display: table; width: 100%; padding: 2.28571rem; background-color: #F7F7F7; }
.popup-area .planet .img-text-list > li + li { margin-top: 1.71428rem; }
.popup-area .planet .img-text-list li .img-box { width: 4.57142rem; display: table-cell; vertical-align: middle; }
.popup-area .planet .img-text-list li .text-box { padding-left: 1.71428rem; display: table-cell; vertical-align: middle; }

.popup-area .planet .planet-table-layout { display: table; }
.popup-area .planet .planet-table-layout > * { display: table-cell; vertical-align: middle; }
.popup-area .planet .planet-table-layout.top > * { vertical-align: top; }
.popup-area .planet .planet-table-layout.repair li:first-child { padding-right: 2.85714rem; }
.popup-area .planet .planet-table-layout.repair li:last-child { width: 41.3%; }
.popup-area .planet .planet-table-layout > li > img { width: 100%; }

.popup-area .planet .planet-reference { margin-top: 1.14285rem; list-style: none; padding: 0; }
.popup-area .planet .planet-reference li { font-size: 1rem; line-height: 1.4; color: #555; }
/*.popup-area .planet .planet-reference li { color: red !important; }*/
.popup-area .planet .popup-sub-title + .planet-reference { margin-top: -1.42857rem; }

.popup-area .planet .bluebox {background-color: #F5F7FE; padding: 2.857rem 2.286rem;}
.popup-area .planet .bluebox .bluebox-list {position: relative; padding-left:2.286rem; }
.popup-area .planet .bluebox .bluebox-list .bluebox-item { position: relative; font-size: 1.286rem; line-height: 1.714rem; color: #555555;}
.popup-area .planet .bluebox .bluebox-list .bluebox-item:not(:last-child)::before { position: absolute; content: ''; top: 0.563rem; left: -1.65rem; width: 0.071rem; height: calc(100% + 2.286rem); background-color: #006BEA;}
.popup-area .planet .bluebox .bluebox-list .bluebox-item + li {margin-top: 2.286rem;}
.popup-area .planet .bluebox .bluebox-list .bluebox-item strong {position: relative;}
.popup-area .planet .bluebox .bluebox-list .bluebox-item strong::before {position: absolute; content: ''; left: -2.183rem; top: 0.243rem; background-color:#006BEA; width: 1.143rem; height: 1.143rem; border-radius: 50%; }
.popup-area .planet .bluebox .bluebox-list .bluebox-item ul {margin-top: 0.857rem;}
.popup-area .planet .bluebox .bluebox-list .bluebox-item ul li {line-height: 1.714rem;}
.popup-area .planet .bluebox .bluebox-list .bluebox-item ul li { position: relative; padding-left: 1.557rem; line-height: 1.714rem;}
.popup-area .planet .bluebox .bluebox-list .bluebox-item ul li::before { position: absolute; content: ''; width: 0.386rem; height: 0.386rem; background-color: #555555; border-radius: 50%; left: 0.571rem; top: 0.429rem;}

.popup-area .planet .planet-analysis-table {overflow-x: scroll; }
.popup-area .planet .planet-analysis-table::-webkit-scrollbar { display: none; }
.popup-area .planet .planet-analysis-table > ul { position: relative; width: 58.85714rem; overflow: hidden; padding-left: 3.14285rem; }
.popup-area .planet .planet-analysis-table > ul::before { content: ""; display: block; position: absolute; width: 2.5rem; margin-right: 0.64285rem; height: 87.42857rem; background: url("/global/sustainability/assets/img/common/planet/pop/line01.png") no-repeat; background-size: cover; top: 6.14285rem; left: 0px; }
.popup-area .planet .planet-analysis-table > ul::after { content: ""; display: block; position: absolute; width: 2.5rem; margin-right: 0.64285rem; height: 45.71428rem; background: url("/global/sustainability/assets/img/common/planet/pop/line02.png") no-repeat; background-size: cover; bottom: 0px; left: 0px; }
.popup-area .planet .planet-analysis-table > ul > li { float: left; width: 16.35714rem; }
.popup-area .planet .planet-analysis-table > ul > li + li { margin-left: 0.57142rem; }
.popup-area .planet .planet-analysis-table > ul > li:nth-child(1) { width: 17.85714rem; margin-right: 4rem; }
.popup-area .planet .planet-analysis-table > ul > li > ul > li { margin-top: 1.14285rem; height: 12.85714rem; }
.popup-area .planet .planet-analysis-table .planet-analysis-table-title { font-size: 1rem; background-color: #555; color: #fff; line-height: 1.35714rem; padding: 1.14285rem; text-align: center; }
.popup-area .planet .planet-analysis-table .planet-analysis-table-global-title { height: 5rem; padding: 1.82142rem 0px; }
.popup-area .planet .planet-analysis-table .analysis-classification-list li { position: relative; padding: 2.85714rem 0; background-color: #F5F7FE; text-align: center; }
.popup-area .planet .planet-analysis-table .analysis-classification-list li:after { content: "Short-term"; display: block; position: absolute; width: 2.28571rem; height: 3.42857rem; font-size: 1rem; line-height: 1.4; background: url("/sec/sustainability/assets/img/common/planet/pop/arrow.png") no-repeat center bottom / contain; color: #757575; top: 55%; transform: translateY(-50%); left: calc(100% + 1.14285rem); }
.popup-area .planet .planet-analysis-table .analysis-classification-list li:nth-of-type(3):after,
.popup-area .planet .planet-analysis-table .analysis-classification-list li:nth-of-type(4):after { content: "Mid-term"; }
.popup-area .planet .planet-analysis-table .analysis-classification-list li:last-child:after { content: "Long-term"; }
.popup-area .planet .planet-analysis-table .analysis-classification-list img { width: 4.57142rem; height: 4.57142rem; }
.popup-area .planet .planet-analysis-table .analysis-classification-list h5 { font-size: 1.28571rem; color: #555; margin: 0.71428rem 0 0; line-height: 1.4; }
.popup-area .planet .planet-analysis-table .planet-content-title { color: #555; }

.popup-area .planet .planet-analysis-table .planet-global-ghg-contents { height: 17.14285rem; }
.popup-area .planet .planet-analysis-table .planet-global-adoption-contents { height: 20.57142rem; }
.popup-area .planet .planet-analysis-table .planet-global-changes-contents { height: 27.42857rem; }
.popup-area .planet .planet-analysis-table .planet-global-expansion-contents { height: 18.85714rem; }
.popup-area .planet .planet-analysis-table .planet-global-natural-contents { height: 27.42857rem; }
.popup-area .planet .planet-analysis-table .planet-global-rise-contents { height: 17.14285rem; }

.popup-area .planet .planet-analysis-table .planet-global-ghg-icon { padding: 4.42857rem 0px !important; }
.popup-area .planet .planet-analysis-table .planet-global-adoption-icon { padding: 6.14285rem 0px !important; }
.popup-area .planet .planet-analysis-table .planet-global-changes-icon { padding: 9.57142rem 0px !important; }
.popup-area .planet .planet-analysis-table .planet-global-expansion-icon { padding: 5.28571rem 0px !important; }
.popup-area .planet .planet-analysis-table .planet-global-natural-icon { padding: 9.57142rem 0px !important; }
.popup-area .planet .planet-analysis-table .planet-global-rise-icon { padding: 2.71428rem 0px !important; }

.popup-area .planet .planet-analysis-table .analysis-list > li { background-color: #F7F7F7; display: table; padding: 0 1.14285rem; }
.popup-area .planet .disc { padding-left: 0; }
.popup-area .planet .disc.li-mt li + li { margin-top: 1.42857rem; }
.popup-area .planet .disc li { position: relative; font-size: 1.28571rem; line-height: 1.4; color: #555555; padding-left: 1.71428rem; }
.popup-area .planet .disc li:before { content: ""; display: block; position: absolute; top: 0.64285rem; left: 0; background-color: #555; border-radius: 50%; width: 0.42857rem; height: 0.42857rem; margin-left: 0.57142rem; }

.popup-area .planet .planet-analysis-table .analysis-list .disc { display: table-cell; vertical-align: middle; }
.popup-area .planet .planet-analysis-table .analysis-list .disc li span { display: block; font-size: 1rem; line-height: 1.4; margin-top: 0.57142rem; padding-left: 1.14285rem; }

.popup-area .planet .planet-modify-analysis-table { overflow-x: scroll; margin-bottom: -1.14285rem; }
.popup-area .planet .planet-modify-analysis-table::-webkit-scrollbar { display: none; }

.popup-area .planet .planet-modify-analysis-table th { padding: 0 0 1.14285rem 0; border-bottom: none; background: none; height: calc(3.64285rem + 1.14285rem); }
.popup-area .planet .planet-modify-analysis-table th > div { background-color: #555; height: 100%; }
.popup-area .planet .planet-modify-analysis-table th:last-child { padding: 0 0 1.14285rem 0.57142rem; }
.popup-area .planet .planet-modify-analysis-table th:nth-child(odd):nth-child(-n+3) > div { background: none; }
.popup-area .planet .planet-modify-analysis-table th .planet-modify-analysis-table-title { color: #FFF; font-size: 1rem; line-height: 1.4; padding: 1.14285rem; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.popup-area .planet .planet-modify-analysis-table td { padding: 0 0 1.14285rem 0; border-bottom: none; height: calc(12.85714rem + 1.14285rem); text-align: center; }
.popup-area .planet .planet-modify-analysis-table td:last-child { padding: 0 0 1.14285rem 0.57142rem; }
.popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-wrap { background: #F5F7FE; height: 100%; }
.popup-area .planet .planet-modify-analysis-table td:nth-last-child(2) .planet-analysis-table-wrap { background: #F7F7F7; }
.popup-area .planet .planet-modify-analysis-table td:last-child .planet-analysis-table-wrap { background: #F7F7F7; }
.popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-wrap > div { padding: 1.28571rem 1.14285rem; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-wrap > div > .disc { text-align: left; }
.popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-wrap > div > .disc > li { font-size: 1.28571rem; line-height: 1.4; }
.popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-wrap > div > span { display: inline-block; font-size: 1rem; line-height: 1.4; margin-top: 0.57142rem; }

.popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-title { padding: 2.92857rem 1.14285rem !important; text-align: center; }
.popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-title > img { width: 4.57142rem; height: 4.57142rem; display: inline-block }
.popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-title > h4 { margin-top: 0.71428rem; font-size: 1.28571rem; line-height: 1.4; }

.popup-area .planet .planet-modify-analysis-table .planet-analysis-table-classification { width: 100%; height: 100%; position: relative; overflow: hidden; }
.popup-area .planet .planet-modify-analysis-table .planet-analysis-table-classification:before { content: ''; width: calc(100% - 2rem); height: 100%; position: absolute; left: 0; top: 0; border: solid #757575; border-width: 1px 0 1px 1px; box-sizing: border-box; }
.popup-area .planet .planet-modify-analysis-table .planet-analysis-table-classification > span { position: absolute; left: 50%; top: 50%; width: 37rem; height: 3.14285rem; /* margin-left: calc(-36rem / 2); */ margin-left: -17.5rem; margin-top: calc(-3.14285rem / 2); rotate: -90deg; font-size: 1rem; line-height: 1.4; letter-spacing: 0; }

.popup-area .planet .planet-modify-analysis-table .planet-analysis-table-mark { position: relative; width: 100%; height: 3rem; text-align: center; }
.popup-area .planet .planet-modify-analysis-table .planet-analysis-table-mark > span {  }
.popup-area .planet .planet-modify-analysis-table .planet-analysis-table-mark:after { content: ''; width: 2.28571rem; height: 0.57142rem; background: url("/sec/sustainability/assets/img/common/planet/pop/arrow.png") no-repeat center bottom / contain; position: absolute; left: 50%; bottom: -0.21428rem; margin-left: calc(-2.28571rem / 2); }

.popup-area .planet .planet-analysis-img-area { width: 100%; }
.popup-area .planet .planet-analysis-img-area img { width: 40.28571rem; display: block; margin: 0 auto; }

.popup-area .planet .planet-icon-process-list { overflow: hidden; }
.popup-area .planet .planet-icon-process-list li { float: left; width: calc(20% - (2.28571rem / 5)); }
.popup-area .planet .planet-icon-process-list li + li { margin-left: 0.57142rem; }
.popup-area .planet .planet-icon-process-list li .text-box { margin-top: 0; }
.popup-area .planet .planet-icon-process-list .planet-content-title { margin: 1.14285rem 0 0.57142rem; }


.popup-area .planet .planet-explanation-area { background-color: #F7F7F7; padding: 2.28571rem; }
.popup-area .planet .planet-explanation-area + .planet-explanation-area { margin-top: 1.71428rem; }
.popup-area .planet .planet-explanation-area dl { margin: 0; }
.popup-area .planet .planet-explanation-area dt { display: table; width: 100%; padding-bottom: 1.71428rem; border-bottom: 1px solid #DDDDDD; }
.popup-area .planet .planet-explanation-area dt > * { display: table-cell; vertical-align: middle; }
.popup-area .planet .planet-explanation-area dt .img-box { width: 4.57142rem; }
.popup-area .planet .planet-explanation-area dt .img-box + * { padding-left: 1.71428rem; }
.popup-area .planet .planet-explanation-area dd { padding-top: 1.71428rem; margin-left: 0; }
.popup-area .planet .planet-explanation-area dd > ul > li + li { margin-top: 1.71428rem; }

.popup-area .planet .planet-arrow-list ul { overflow: hidden; }
.popup-area .planet .planet-arrow-list li { position: relative; width: calc(50% - 2.85714rem); height: 32.571rem; text-align: center; background-color: #F5F7FE; float: left; }
.popup-area .planet .planet-arrow-list li:first-child { position: relative; }
.popup-area .planet .planet-arrow-list li:nth-of-type(2) { width: 5.71428rem; background-color: #fff; }
.popup-area .planet .planet-arrow-list li:nth-of-type(2) img { width: 4.57142rem; margin-bottom: 0; }
.popup-area .planet .planet-arrow-list li > * { position: absolute; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.popup-area .planet .planet-arrow-list li img { width: 5.71428rem; margin-bottom: 1.14285rem; }
.popup-area .planet .planet-arrow-list li p { color: #555; margin-bottom: 0; }
.popup-area .planet .planet-arrow-list.two .planet-table-layout > div { height: 15.85714rem; }
.popup-area .planet .planet-arrow-list.two li:first-child { width: 47%; background-color: #fff; }
.popup-area .planet .planet-arrow-list.two li:first-child > div { position: relative; transform: none; left: 0; top: 0; float: left; width: calc(50% - 0.85714rem); height: 15.85714rem; margin-top: 0; background-color: #F7F7F7; }
.popup-area .planet .planet-arrow-list.two li:first-child > div > div { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.popup-area .planet .planet-arrow-list.two li:first-child > div:nth-of-type(2n) { margin-left: 1.71428rem; }
.popup-area .planet .planet-arrow-list.two li:first-child > div:nth-of-type(n + 3) { margin-top: 1.71428rem; }.popup-area .planet .planet-arrow-list.two li:nth-of-type(2) { width:15%; }
.popup-area .planet .planet-arrow-list.two li:nth-of-type(2) { width:15%; }
.popup-area .planet .planet-arrow-list.two li:nth-of-type(2) img { width: 5.71428rem; }
.popup-area .planet .planet-arrow-list.two li:last-child{ width: 38%; }
.popup-area .planet .planet-arrow-list.two li strong { display: block; color: #000; }
.popup-area .planet .planet-arrow-list.two li .planet-sub-title { margin: 0; }

.popup-area .planet .planet-housewaste-list li { height: 19.71428rem; }
.popup-area .planet .planet-housewaste-list li:first-child > div { height: 100% !important; }

.popup-area .planet .planet-arrow-box-list { overflow: hidden; }
.popup-area .planet .planet-arrow-box-list > li { position: relative; display: table; background-color: #fff; float: left; width: calc(33.3% - 1.9rem); height: 8rem; text-align: center; }
.popup-area .planet .planet-arrow-box-list > li + li { margin-left: 2.85714rem; }
.popup-area .planet .planet-arrow-box-list > li + li:before { content: ""; display: block; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); width: 1.71428rem; height: 2px; background-color: #000; margin-right: 0.57142rem;}
.popup-area .planet .planet-arrow-box-list p { display: table-cell; font-weight: 700; vertical-align: middle; }
.popup-area .planet .planet-arrow-box-list .arrow:before { height: 1.14285rem; background: url("/sec/sustainability/assets/img/common/planet/pop/icon_black_arrow.png") no-repeat center / contain; }
.popup-area .planet .planet-arrow-box-list.regulatory > li { height: 6.28571rem; }

/* swiper */
.popup-area .planet .swiper { position: relative; width: 100%; height: 100%; }
.popup-area .planet .swiper .swiper-wrapper { overflow: hidden; }
.popup-area .planet .swiper .swiper-slide { width: calc(33.333% - 1.53571rem); float: left; text-align: center; margin-top: 0; }
.popup-area .planet .swiper .swiper-slide + .swiper-slide { margin-left: 2.28571rem; }
.popup-area .planet .swiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.popup-area .planet .swiper .swiper-button-prev,
.popup-area .planet .swiper .swiper-button-next { display: none; }

.popup-area .planet .smart-swiper p { text-align: center; margin-top: 1.71428rem; color: #555; }
.popup-area .planet .smart-swiper p span { display: block; font-size: 1rem; color: #757575; margin-top: 0.57142rem; }

.popup-area .planet .planet-smart-things-main-explain { width: 100%; height: 8.85714rem; padding: 1.71428rem 2.57142rem 0px 2.57142rem; }
.popup-area .planet .planet-smart-things-main-explain li { margin-left: 4.57142rem; width: calc((100% / 3) - 3.07142rem); height: 7.14285rem; float: left }
.popup-area .planet .planet-smart-things-main-explain li:first-child { margin-left: 0px; }
.popup-area .planet .planet-smart-things-main-explain p { text-align: center; color: #555; }
.popup-area .planet .planet-smart-things-main-explain p span { display: block; font-size: 1rem; color: #757575; margin-top: 0.57142rem; }
.popup-area .planet .planet-smart-things-main-explain p.txt-middle { letter-spacing: -0.1px; }
.popup-area .planet .planet-smart-things-main-explain p span.txt-small { letter-spacing: 0; }

.popup-area .planet .planet-graybox.number { overflow: hidden; overflow-x: scroll; }
.popup-area .planet .number-swiper { width: 54.28571rem; }
.popup-area .planet .number-swiper .swiper-wrapper { counter-reset: number; padding-bottom: 15rem; }
.popup-area .planet .number-swiper .swiper-wrapper .swiper-slide { position: relative; display: table; counter-increment: number; width: 12.71428rem; margin-top: 1.14285rem; background-color: #fff; }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide + .swiper-slide { margin-left: 1.14285rem; }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide:before { content: "Step " counter(number); display: block; position: absolute; height: 2.28571rem; line-height: 2.28571rem; width: 6.85714rem; top: -1.14285rem; left: 0; right: 0; margin: 0 auto; color: #fff; background-color: #555; font-size: 1.14285rem; font-weight: 700; border-radius: 2.85714rem; text-align: center; }
.popup-area .planet .number-swiper .swiper-wrapper .swiper-slide > div { display: table-cell; vertical-align: middle; height: 12.57142rem; }
.popup-area .planet .number-swiper .swiper-wrapper > li:after { content: ""; display: block; position: absolute; width: 1.71428rem; height: 1.71428rem; background: #000 url("/sec/sustainability/assets/img/common/planet/pop/white_arrow.png") no-repeat center / 1.14285rem; border-radius: 50%; top: 50%; left: -1.42857rem; transform: translateY(-50%); z-index: 1; }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .img-box { width: 5.71428rem; height: 5.71428rem; margin: 0 auto; }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .img-box img { height: auto; position: relative; top: 50%; transform: translateY(-50%); }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide:nth-of-type(3n) .img-box { width: 9.28571rem; }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide p { margin: 1.14285rem 0 0; }
.popup-area .planet .number-swiper .swiper-wrapper > li:first-child:after { display: none; }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .memo { position: absolute; background-color: #fff; width: 12.14285rem; top: calc(100% + 3.21428rem); text-align: left; padding: 1.14285rem 1.42857rem; left: 100%; transform: translateX(-46%); }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .memo:before { content: ""; display: block; position: absolute; bottom: 100%; left: 50%; width: 1px; height: 7.71428rem; border-right: 1px dashed #757575; transform: translateX(-50%); margin: 0.42857rem 0; }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .memo li { font-size: 1rem; line-height: 1.4; }
.popup-area .planet .number-swiper .swiper-wrapper .swiper-slide:nth-of-type(3n) .memo { width: 14.71428rem; transform: translateX(-38%); }
.popup-area .planet .number-swiper .swiper-wrapper .swiper-slide:nth-of-type(3n) .memo:before { left: 41.5%; }

.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .memo.planet-num-list { padding-left: 2.42857rem; }
.popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .memo.planet-num-list li { list-style: decimal; list-style-position: outside; padding-left: 2px; }

.popup-area .planet .number-swiper .swiper-wrapper { padding-bottom: 18.71428rem; }


.popup-area .planet .planet-title-box-list dt .planet-sub-title { height: 4.57142rem; background-color: #555; color: #fff; margin-bottom: 0; line-height: 4.57142rem; text-align: center; }
.popup-area .planet .planet-title-box-list dd { margin: 0; padding: 1.71428rem 1.71428rem 2.28571rem; background-color: #F7F7F7; }
.popup-area .planet .planet-title-box-list > li + li { margin-top: 1.71428rem; }


.popup-area .planet .planet-bluebox-list { overflow: hidden; }
.popup-area .planet .planet-bluebox-list > li { float: left; width: calc(50% - 0.85714rem); height: 11.85714rem; background-color: #F5F7FE; text-align: center; }
.popup-area .planet .planet-bluebox-list > li + li { margin-left: 1.71428rem; }
.popup-area .planet .planet-bluebox-list > li .planet-blue { font-size: 2rem; font-weight: 700; margin-top: 1.14285rem; }

.popup-area .planet .planet-two-list { overflow: hidden; }
.popup-area .planet .planet-two-list > li { float: left; width: calc(50% - 0.57142rem); }
.popup-area .planet .planet-two-list > li:nth-of-type(2n) { margin-left: 1.14285rem; margin-top: 0; }
.popup-area .planet .planet-two-list > li:nth-of-type(2n) ~ li { margin-top: 1.14285rem; }
.popup-area .planet .planet-two-list.planet-title-box-list > li dd { min-height: 9.14285rem; }
.popup-area .planet .planet-two-list.air li { text-align: center; }
.popup-area .planet .planet-two-list.air .planet-sub-title { margin-bottom: 0.85714rem; }
.popup-area .planet .planet-two-list.air + .planet-img-area { margin-top: 1.71428rem; }
.popup-area .planet .planet-two-list.quality > li { padding-top: 2.28571rem; background-color: #fff; height: 18.21428rem; text-align: center; }
.popup-area .planet .planet-two-list.quality > li .planet-black { margin: 0.57142rem 0; }
.popup-area .planet .planet-two-list .planet-table-layout > div {vertical-align: unset;}

.popup-area .planet .planet-three-list { overflow: hidden; }
.popup-area .planet .planet-three-list  > li { float: left; width: calc(33.3% - 0.57142rem); padding: 2.28571rem 1.71428rem; margin: 0; }
.popup-area .planet .planet-three-list  > li + li { margin-left: 0.85714rem; margin-top: 0; }
.popup-area .planet .planet-three-list + .planet-img-area + .planet-bluebox { padding: 2.28571rem; }

.popup-area .planet .planet-three-list.animal > li { width: calc(33.3% - 0.67142rem); padding: 0; }
.popup-area .planet .planet-three-list.animal > li + li { margin-left: 1rem; }
.popup-area .planet .planet-three-list.animal > li p { background-color: #fff; height: 5.14285rem; padding: 1.14285rem; font-weight: 700; font-size:1.28571rem; color: #000; }

.popup-area .planet .planet-three-list.waste li { height: 21.85714rem; padding-top: 3.42857rem; padding-bottom: 3.42857rem; }
.popup-area .planet .planet-three-list.waste li .planet-big-title { color: #000; margin-top: 1.71428rem; }
.popup-area .planet .planet-three-list.waste li:first-child .planet-big-title { margin-top: 0.85714rem; margin-bottom: 0.85714rem; }
.popup-area .planet .planet-recycling-graybox li { height: 20.428571rem; }

.popup-area .planet .planet-gray-list { overflow: hidden; }
.popup-area .planet .planet-gray-list > li { background-color: #F7F7F7; padding: 2.28571rem; }
.popup-area .planet .planet-gray-list > li + li { margin-top: 1.71428rem; }
.popup-area .planet .planet-gray-list > li .planet-sub-title,
.popup-area .planet .planet-gray-list > li .planet-sub-title + p { margin-bottom: 1.14285rem; }
.popup-area .planet .planet-gray-list > li .disc { margin-top: 1.71428rem; }

.popup-area .planet .planet-titlebox { overflow: hidden; }
.popup-area .planet .planet-titlebox > *:first-child { float: left; margin: 0; }
.popup-area .planet .planet-titlebox > *:last-child { float: right; font-size: 1rem; color: #555555; line-height: 1.4; }

.popup-area .planet .planet-btn-area { margin-top: 1.71428rem; overflow: hidden; }
.popup-area .planet .planet-btn-area li { float: left; }
.popup-area .planet .planet-btn-area li + li { margin-left: 1.71428rem; }
.popup-area .planet .planet-btn { display: inline-block; height: 2.85714rem; line-height: 2.85714rem; border-radius: 2.14285rem; border: 1px solid #000; padding: 0 1.42857rem; font-size: 1rem; font-weight: 700; letter-spacing: 0; }
.popup-area .planet .planet-btn.black { color: #fff; background-color: #000; }
.popup-area .planet .planet-btn.white { color: #000; background-color: #fff; }

.popup-area .planet .planet-enter-btn { position: relative; padding: 0.71428rem 3.14285rem 0.71428rem 1.71428rem; height: auto; line-height: 1.4; text-align: left;}
.popup-area .planet .planet-enter-btn::after { content: ''; width: 1.14285rem; height: 1.14285rem; position: absolute; right: 1.42857rem; bottom: 0.85714rem; }
.popup-area .planet .planet-enter-btn.black::after { background: url("/sec/sustainability/assets/img/common/planet/pop/planet_link_black_icon.png"); background-size: contain; background-repeat: no-repeat; }
.popup-area .planet .planet-enter-btn.white::after { background: url("/sec/sustainability/assets/img/common/planet/pop/planet_link_white_icon.png"); background-size: contain; background-repeat: no-repeat; }

.popup-area .planet table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.popup-area .planet table th { background-color: #555; color: #fff; font-size: 1.28571rem; font-weight: 700; padding: 1rem 0px 1rem 2.14285rem; line-height: 1.4; border-bottom: 1px solid #000; }
.popup-area .planet table td { border-bottom: 1px solid #DDDDDD; font-size: 1.28571rem; color: #555; padding: 1.71428rem 0px 1.71428rem 2.14285rem; line-height: 1.4; }
.popup-area .planet table td.td-title { font-weight: 700; }
.popup-area .planet .text-left td { text-align: left; }

.popup-area .planet .overflow-x-scroll { overflow-x: scroll; }

.popup-area .planet .planet-tab { position: relative; text-align: center; overflow-x: scroll; }
.popup-area .planet .planet-tab:after { content: ''; width: 100%; height: 2px; background: #DDDDDD; position: absolute; left: 0px; bottom: 0px; }
.popup-area .planet .planet-tab ul { display: inline-block; width: max-content; }
.popup-area .planet .planet-tab ul li { display: inline-block; }
.popup-area .planet .planet-tab ul li + li { margin-left: 3.42857rem; }
.popup-area .planet .planet-tab ul li button { padding: 0.71428rem 0; font-size: 1.57142rem; font-weight: 700; color: #757575; position: relative; line-height: 1.4; }
.popup-area .planet .planet-tab ul li > .active { color: #000; }
.popup-area .planet .planet-tab ul li > .active:after { content: ''; width: 100%; height: 2px; background: #000; position: absolute; left: 0px; bottom: 0px; z-index: 5; }

.popup-area .planet .planet-accordion > ul > li { border-top: 1px solid #ddd; background-color: #fff; }
.popup-area .planet .planet-accordion > ul > li dt button { width: 100%; text-align: left; padding: 2.07142rem 0; }
.popup-area .planet .planet-accordion > ul > li dd { background-color: #F7F7F7; padding: 1.71428rem 2.85714rem; display: none; }
.popup-area .planet .planet-accordion .planet-accordion-title { position: relative; font-size: 1.57142rem; }
.popup-area .planet .planet-accordion .planet-accordion-title::before { content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2.28571rem; height: 2.28571rem; background: url("/sec/sustainability/assets/img/common/planet/pop/accordion_arrow.png")no-repeat center/contain; }
.popup-area .planet .planet-accordion > ul > li.active dd { display: block; }
.popup-area .planet .planet-accordion > ul > li.active .planet-accordion-title::before { transform: translateY(-50%) rotate(180deg); }

.popup-area .planet .planet-number { position: relative; margin-bottom: 1.14285rem; padding-left: 3.42857rem; }
.popup-area .planet .planet-number:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 2.28571rem; height: 2.28571rem; line-height: 2.28571rem; border-radius: 50%; background-color: #006BEA; color: #fff; font-size: 1.28571rem; margin-right: 1.14285rem; text-align: center; }

.popup-area .planet .planet-worldwater-list > ul { counter-reset: number; }
.popup-area .planet .planet-worldwater-list > ul > li { counter-increment: number; }
.popup-area .planet .planet-worldwater-list > ul > li + li { margin-top: 2.28571rem; }
.popup-area .planet .planet-worldwater-list > ul > li .planet-number::before { content: counter(number); }

.popup-area .planet .planet-table-waste th,
.popup-area .planet .planet-table-waste td { padding: 0; padding-left: 0.85714rem; }
.popup-area .planet .planet-table-waste th { height: 3.71428rem; text-align: left; }
.popup-area .planet .planet-table-waste td { height: 6.85714rem; }
.popup-area .planet .planet-table-waste td { background-color: #fff; }
.popup-area .planet .planet-table-waste .td-title { padding-left: 1.85714rem; padding-top: 1.71428rem; padding-bottom: 1.71428rem; }

.popup-area .planet .planet-recycling-table td { padding-left: 0.75rem; padding-top: 1.71428rem; padding-bottom: 1.71428rem; }
.popup-area .planet .planet-recycling-table td:last-child { padding-right: 2.28571rem; }

.popup-area .planet .planet-bar-graph { width: 43.71428rem; margin: 3.92857rem auto 2.28571rem; }
.popup-area .planet .planet-bar-graph li { position: relative; overflow: hidden; }
.popup-area .planet .planet-bar-graph li + li { margin-top: 1.71428rem; }
.popup-area .planet .planet-bar-graph span { position: absolute; font-size: 1.28571rem; font-weight: 700; line-height: 1.71428rem; left: 0; top: 0; }
.popup-area .planet .planet-bar-graph span:last-child { left: auto; right: 0; }
.popup-area .planet .planet-bar-graph .bar-graph { position: relative; width: 28.71428rem; height: 1.71428rem; background-color: #eee; margin: 0 auto; }
.popup-area .planet .planet-bar-graph .bar-graph::before {  content: ""; display: block; position: absolute; top: 0; height: 100%; left: 0; background-color: #2189FF; }
.popup-area .planet .planet-bar-graph li:first-child .bar-graph:before { width: 54.3%; }
.popup-area .planet .planet-bar-graph li:last-child .bar-graph:before { width: 72%; }

.planet-graybox .planet-float-list-img > img {width: calc(50% - 0.57142rem); margin-left: 1.14285rem;}
.planet-graybox .planet-float-list-img > img:first-child {margin-left: 0px; float: left;}

.popup-area .planet .planet-table { width: 58.85714rem; }

/* //#0118 23.06.02 sustainableOperations 신규 팝업 추가 */
.popup-area .planet .txt-center { text-align: center; }
.popup-area .planet .planet-bluebox .planet-list { overflow: hidden; width: 100%; margin-top: 2.28571rem; }
.popup-area .planet .planet-bluebox .planet-list:after {content: ''; display: block; clear: both;}
.popup-area .planet .planet-bluebox .planet-list li { float:left; width: calc((100% - 2.28571rem)/5);margin-right: 0.57142rem; padding-top: 8.57142rem; text-align: center; background-repeat: no-repeat; background-size: 7.42857rem 7.42857rem; background-position: top center; }
.popup-area .planet .planet-bluebox .planet-list li:nth-child(1) { background-image: url("/global/sustainability/assets/img/pc/planet/pop/item01.png");}
.popup-area .planet .planet-bluebox .planet-list li:nth-child(2) { background-image: url("/global/sustainability/assets/img/pc/planet/pop/item02.png");}
.popup-area .planet .planet-bluebox .planet-list li:nth-child(3) { background-image: url("/global/sustainability/assets/img/pc/planet/pop/item03.png");}
.popup-area .planet .planet-bluebox .planet-list li:nth-child(4) { background-image: url("/global/sustainability/assets/img/pc/planet/pop/item04.png");}
.popup-area .planet .planet-bluebox .planet-list li:nth-child(5) {  margin-right:0; background-image: url("/global/sustainability/assets/img/pc/planet/pop/item05.png");}
.popup-area .planet .planet-bluebox .planet-list li strong{ display: block; font-size: 1.28572rem; line-height: 1.71428rem;}
/* // 23.07.05 팝업 접근성 수정 */
.popup-area .planet .planet-bluebox .ref { color: #707070; font-size: 0.85714rem; line-height: 1.14285rem; }
/* 23.07.05 팝업 접근성 수정 // */
.popup-area .planet .planet-realization { overflow: hidden;}
.popup-area .planet .planet-realization:after {content: ''; display: block; clear: both;}
.popup-area .planet .planet-realization .left { float: left; width: 21.42857rem; padding-top: 4.85714rem; text-align: center;}
.popup-area .planet .planet-realization .left .image img{ width: 100%; }
.popup-area .planet .planet-realization .left .image + .ref{ margin-top: 0.71428rem; font-size: 0.85714rem; line-height: 1.14285rem; color: #757575; }
.popup-area .planet .planet-realization .planet-step {  float: right; width: 33.78571rem;}
.popup-area .planet .planet-realization .planet-step li + li { margin-top: 1.07142rem;}
.popup-area .planet .planet-realization .planet-step li span { display: inline-block; padding: 0.28571rem 1.71428rem; font-weight: 700; color: #fff; background-color: #555555; border-radius: 1000px; margin-right: 0.71428rem;}
.popup-area .planet .planet-realization .planet-step li span,
.popup-area .planet .planet-realization .planet-step li strong,
.popup-area .planet .planet-realization .planet-step li p { margin-top: 0.35714rem; font-size: 1.28571rem; line-height: 1.71428rem; }
.popup-area .planet .planet-realization .planet-step li p {  color: #757575;}
.popup-area .planet .planet-certification {  overflow: hidden;}
.popup-area .planet .planet-certification:after { content: ''; display: block; clear: both;}
.popup-area .planet .planet-certification .image {float: left;  width: 21.42857rem; margin-right: 2.85714rem;}
.popup-area .planet .planet-certification .image img { width: 100%;}
/* // 23.07.05 텍스트 쏠림 수정 */
.popup-area .planet .planet-certification p { width: 100%; margin-top: 0;}
/* 23.07.05 텍스트 쏠림 수정 // */

/* //#0118 23.06.02 sustainableOperations 신규 팝업 추가 */

.popup-area .reuse .planet.mt-64 {margin-top: 4.571rem;}
.popup-area .reuse .planet .planet-cont {display: flex}
.popup-area .reuse .planet .planet-cont img {width: 21.429rem;}
.popup-area .reuse .planet .planet-cont p {margin-left: 2.286rem; font-size: 1.286rem; line-height: 1.714rem; color: #757575;}

.popup-area .people-first.planet .bg-gray > div .icon-and-txt-area {padding-bottom: 2.286rem;border-bottom: 1px solid #ddd;}
.popup-area .people-first.planet .bg-gray > div:last-of-type .icon-and-txt-area {border: none; padding-bottom: 0;}
.popup-area .people-first .bg-gray .icon-and-txt-area .icon-area.icon01 { background: url('/sec/sustainability/assets/img/pc/planet/pop/certified01.png') no-repeat center/contain; }
.popup-area .people-first .bg-gray .icon-and-txt-area .icon-area.icon02 { background: url('/sec/sustainability/assets/img/pc/planet/pop/certified02.png') no-repeat center/contain; }
.popup-area .people-first .bg-gray .icon-and-txt-area .icon-area.icon03 { background: url('/sec/sustainability/assets/img/pc/planet/pop/certified03.png') no-repeat center/contain; }

@media screen and ( max-width: 1000px ) {
  .popup-area .planet .number-swiper .swiper-wrapper { padding-bottom: 19.64285rem; }
}
@media screen and ( max-width: 920px ) {
  .popup-area .planet .number-swiper .swiper-wrapper { padding-bottom: 23.64285rem; }
}

@media screen and ( max-width: 920px ) {
  .popup-area .planet .planet-graybox-list li { width: calc(50% - 0.57142rem); }
  .popup-area .planet .planet-smart-things-main-explain { height: 17.85714rem; }

  /*.popup-area .planet .planet-upgrade ul { padding-top: 3.57142rem; }*/
  /*.popup-area .planet .planet-upgrade .mo-version { width: 7.42857rem; }*/
  /*!*.popup-area .planet .planet-upgrade .mo-version ~ .mo-version { margin-left: 3.71428rem; }*!*/
  /*!*.popup-area .planet .planet-upgrade .mo-version ~ .mo-version:before { left: -0.57142rem; }*!*/
}
@media screen and ( max-width: 870px ) {
  .popup-area .planet .number-swiper .swiper-wrapper { padding-bottom: 25rem; }
}
@media screen and ( max-width: 850px ) {
  .popup-area .planet .planet-two-list.planet-reducing-title-box-list > li dd { min-height: 10.14285rem; }

}
@media screen and ( max-width: 820px ) {
  .popup-area .planet .planet-upgrade ul { padding-top: 6.07142rem; }
  .popup-area .planet .planet-upgrade .mo-upgrade:nth-child(2) { left: 11%; }
  .popup-area .planet .planet-upgrade .mo-upgrade:nth-child(4) { left: 31%; }
  .popup-area .planet .planet-upgrade .mo-upgrade:nth-child(6) { left: 52%; }
  .popup-area .planet .planet-upgrade .mo-upgrade:nth-child(8) { left: 73%; }
}
@media screen and ( max-width: 800px ) {
  .popup-area .planet .number-swiper .swiper-wrapper { padding-bottom: 31rem; }
  .popup-area .planet .planet-modify-durability-graybox-list ul { height: 26.42857rem }
}

@media screen and ( max-width: 750px ) {
  .popup-area .planet .planet-two-list.air li { height: 16rem; }
  .popup-area .planet .number-swiper .swiper-wrapper { padding-bottom: 38rem; }
  .popup-area .planet .planet-modify-analysis-table .planet-analysis-table-mark:after { bottom: -0.71428rem; }
}
@media screen and ( max-width: 730px ) {
  .popup-area .planet .number-swiper .swiper-wrapper .swiper-slide > div { height: 15.57142rem; }
}
@media screen and ( max-width: 700px ) {
  .popup-area .planet .planet-modify-durability-graybox-list ul { height: 30.42857rem }
}
@media screen and ( max-width: 670px ) {
  .popup-area .planet .planet-two-list.planet-reducing-title-box-list > li dd { min-height: 15.14285rem; }
}
@media screen and ( max-width: 657px ) {
  .popup-area .planet .planet-btn-area li + li { margin-left: 0rem; }
}
@media screen and ( max-width: 650px ) {
  .popup-area .planet .number-swiper .swiper-wrapper { padding-bottom: 46rem; }
  .popup-area .planet .planet-modify-analysis-table .planet-analysis-table-mark:after { bottom: -1.51428rem; }
}
@media screen and ( max-width: 635px ) {
  .popup-area .planet .planet-btn-area li + li { margin-left: 0rem; margin-top: 1rem; }
}
@media screen and (max-width: 620px) {
  .popup-area .planet .planet-bar-graph .bar-graph { width: 25.71428rem; }
}
@media screen and ( max-width: 600px ) {
  .popup-area .planet .planet-two-list.air li { height: 16rem; }
  .popup-area .planet .planet-housewaste-list li { height: 24.71428rem !important; }
  .popup-area .planet .planet-modify-durability-graybox-list ul { height: 35.42857rem }
}
@media screen and (max-width: 590px) {
  .popup-area .planet .planet-recycling-graybox li { height: 26rem; }
  .popup-area .planet .planet-chemical-box-list li { height: 13rem; }
}
@media screen and ( max-width: 535px ) {
  /* //#0118 23.06.02 sustainableOperations 신규 팝업 추가 */
  .popup-area .planet .planet-bluebox .planet-list { margin-top: 0;}
  .popup-area .planet .planet-bluebox .planet-list li {width: 100%;}
  .popup-area .planet .planet-bluebox .planet-list li + li { margin-top: 1.5rem; }
  .popup-area .planet .planet-bluebox .planet-list li:nth-child(1) { background-image: url("/global/sustainability/assets/img/mo/planet/pop/item01.png");}
  .popup-area .planet .planet-bluebox .planet-list li:nth-child(2) { background-image: url("/global/sustainability/assets/img/mo/planet/pop/item02.png");}
  .popup-area .planet .planet-bluebox .planet-list li:nth-child(3) { background-image: url("/global/sustainability/assets/img/mo/planet/pop/item03.png");}
  .popup-area .planet .planet-bluebox .planet-list li:nth-child(4) { background-image: url("/global/sustainability/assets/img/mo/planet/pop/item04.png");}
  .popup-area .planet .planet-bluebox .planet-list li:nth-child(5) { background-image: url("/global/sustainability/assets/img/mo/planet/pop/item05.png");}
  .popup-area .planet .txt-center { font-size: 1.375rem !important; }
  .popup-area .planet .planet-bluebox.pd { padding: 2.5rem 1.5rem; }
  .popup-area .planet .planet-realization { margin-top: 2rem; }
  .popup-area .planet .planet-realization .left { width: 100%; padding-top: 0;}
  .popup-area .planet .planet-realization .planet-step { width: 100%; margin-top: 2.625rem; padding: 0 0.625rem;}
  .popup-area .planet .planet-realization .planet-step li span { font-size: 1.125rem; }
  .popup-area .planet .planet-realization .planet-step li strong,
  .popup-area .planet .planet-realization .planet-step li p { font-size: 1rem; line-height: 1.375rem;}
  .popup-area .planet .planet-realization .planet-step li + li { margin-top: 1.06666rem; }
  .popup-area .planet .planet-realization .planet-step li span { margin-right: 0.625rem; }
  .popup-area .planet .planet-realization .planet-step li span, .popup-area .planet .planet-realization .planet-step li strong { margin-top: 0; }
  .popup-area .planet .planet-realization .planet-step li p { margin-top: 0.3125rem; }
  .popup-area .planet .planet-certification { margin-top: 2rem; padding: 0 0.625rem;}
  .popup-area .planet .planet-certification .image { float: none; width: 100%; }
  .popup-area .planet .planet-certification p {width: 100%; margin-top: 2.25rem; line-height: 1.375rem;}
  /* //#0118 23.06.02 sustainableOperations 신규 팝업 추가 */

  .popup-area .planet .pc { display: none !important; }
  .popup-area .planet .mobile { display: inline-block !important; }
  .popup-area .planet .planet-big-title { font-size: 1.375rem; line-height: 1.4; }
  .popup-area .planet .popup-sub-title { font-size: 1.375rem; line-height: 1.4; margin-bottom: 1.5rem; }
  .popup-area .planet .planet-sub-title { font-size: 1.125rem; line-height: 1.4; margin-bottom: 1.5rem; }
  .popup-area .planet .planet-content-title { font-size: 1rem; line-height: 1.4; }
  .popup-area .planet p { font-size: 1rem; line-height: 1.4; }
  .popup-area .planet .btn-black {font-size: 0.875rem; white-space: nowrap;}
  .popup-area .planet .planet-cont .cont {width: 100%; margin-top: 2rem; }
  .popup-area .planet p + div,
  .popup-area .planet div + p,
  .popup-area .planet div + div,
  .popup-area .planet p + ul,
  .popup-area .planet ul + div { margin-top: 1.5rem; }
  .popup-area .planet .box-list > li {  width: 100%; height: 28rem; }
  .popup-area .planet .popup-sub-title.mt-64 {margin-top: 2.5rem !important; }
  .popup-area .planet .box-list > li + li{ margin-left:0;margin-top: 1.5rem; }
  .popup-area .planet .box-list > li > p {margin-top: 1rem; }

  .popup-area .planet .planet-graybox.number.eco {position: relative;z-index: 0;}
  .popup-area .planet .number-swiper { width: 54.28571rem; }
  .popup-area .planet .number-swiper .swiper-wrapper { counter-reset: number; padding-bottom: 13.64285rem;padding-top: 0 !important; }
  .popup-area .planet .number-swiper .swiper-wrapper .swiper-slide {background: none;}
  .popup-area .planet .number-swiper .inner {position: relative;}
  .popup-area .planet .number-swiper .inner:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -0.8rem; width: 1.71428rem;height: 1.71428rem;background: #000 url(/sec/sustainability/assets/img/common/planet/pop/white_arrow.png) no-repeat center / 1.14285rem;border-radius: 50%;z-index: 1;}

  .popup-area .planet .number-swiper .swiper-wrapper .swiper-slide { position: relative; display: block; counter-increment: number; width:100%; margin-top: 3rem;}
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide + .swiper-slide { margin-left: 0; margin-top: 4rem;}
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide:before { top: -3rem; }
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide:after { z-index: -1; top: 48%; content: '';display: block;position: absolute;bottom: 100%;left: 50%;width: 1px;height: 55%;border-right: 1px dashed #757575;background: none;transform: translateX(-50%);margin: 0.42857rem 0; }
  .popup-area .planet .number-swiper .swiper-wrapper .swiper-slide > div { display: flex; flex-direction: column; align-items: center;justify-content: center;background: #fff; width: 100%; height: 11.75rem; }
  .popup-area .planet .number-swiper .swiper-wrapper > li:after { top: 10.75rem; left: 50%; transform: translateX(-50%) rotate(90deg); z-index: 1; }
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .img-box { width: 5.71428rem; height: 5.71428rem; margin: 0 auto; }
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .img-box img { height: auto; position: relative; top: 50%; transform: translateY(-50%); }
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide:nth-of-type(3n) .img-box { width: 9.28571rem; }
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide p { margin: 1.14285rem 0 0; }
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .memo {position: static; margin: 1.5rem auto 0; transform: none; background-color: #fff; width: 12.14285rem; text-align: left; padding: 1.14285rem 1.42857rem;}
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .memo:before { display: none; height: 7.71428rem; top: 61%; transform: translateX(-50%); margin: 0.42857rem 0; }
  .popup-area .planet .number-swiper .swiper-wrapper > .swiper-slide .memo li { font-size: 1rem; line-height: 1.4; }
  .popup-area .planet .number-swiper .swiper-wrapper .swiper-slide:nth-of-type(3n) .memo { transform: none; }
  .popup-area .planet .number-swiper .swiper-wrapper .swiper-slide:nth-of-type(3n) .memo:before { left: 41.5%; }
  .popup-area .planet .number-swiper .swiper-wrapper > li:first-child:after { display: block; }
  .popup-area .planet .number-swiper .swiper-wrapper > li:last-child:after { display: none; }


  .popup-area .planet .planet-img-area ul li { width: 100%; }
  .popup-area .planet .planet-img-area ul li + li { margin-left: 0; margin-top: 1rem; }
  .popup-area .planet .planet-img-area.ecomo li:first-child,
  .popup-area .planet .planet-img-area.ecomo li:last-child { width: 100%; }
  .popup-area .planet .planet-img-area.ecomo li + li { margin-left: 0; }
  .popup-area .planet .planet-img-area.worldwater li:first-child { width: 100%; }
  .popup-area .planet .planet-img-area.worldwater li + li { margin-left: 0; margin-top: 1rem; }
  .popup-area .planet .planet-img-area.worldwater li:last-child { width: 100%; }

  .popup-area .planet .planet-graybox-list { margin: 1rem 0; }
  .popup-area .planet .planet-graybox-list li { width: 100%; padding: 2rem 1rem; }

  .popup-area .planet .planet-graybox-list li + li { margin-left: 0; margin-top: 1rem; }
  .popup-area .planet .planet-graybox-list .planet-graybox-list-img { margin-bottom: 1rem; }
  .popup-area .planet .planet-graybox-list .planet-graybox-list-text strong { font-size: 1rem; line-height: 1.4; }
  .popup-area .planet .planet-graybox-list .planet-graybox-list-text strong + p { height: auto; }

  .popup-area .planet .planet-graybox-list .planet-durabilty-graybox { min-height: auto; }

  .popup-area .planet .planet-graybox-list.responsive li { text-align: left; overflow: hidden;  }
  .popup-area .planet .planet-graybox-list.responsive .planet-graybox-list-img { float: left; width: 4rem; height: 4rem; margin-bottom: 0; }
  .popup-area .planet .planet-graybox-list.responsive .planet-graybox-list-text { float: left; width: calc(100% - 4rem - 1rem); margin-left: 1rem; margin-top: 0; }

  .popup-area .planet .planet-recycling-graybox li { height: auto; }

  .popup-area .planet .planet-mind-map ul:after { left: 4.875rem; }
  .popup-area .planet .planet-mind-map > ul > li + li { margin-top: 3.125rem; }
  .popup-area .planet .planet-mind-map li h3 { width: 100%; padding: 1.25rem 0.25rem; font-size: 1rem; line-height: 1; }
  .popup-area .planet .planet-mind-map li .box ul li { font-size: 1rem; line-height: 1.5 }
  .popup-area .planet .planet-mind-map li.half::before { content: ""; display: block; width: 50%; height: 1.5rem; border: solid 1px #000; border-width: 1px 1px 0 1px; margin-left: 4.875rem; }
  .popup-area .planet .planet-mind-map li.center { padding-left: 7.125rem; margin-top: 1.5rem; }
  .popup-area .planet .planet-mind-map li.center h3 { width: 8.5rem; }
  .popup-area .planet .planet-mind-map li.center h3:after { width: 2.25rem; left: -2.25rem; }
  .popup-area .planet .planet-mind-map li.center p { padding: 1rem 0 0; }
  .popup-area .planet .planet-mind-map li.half { max-width: 20rem; margin-top: 1.3125rem; }
  .popup-area .planet .planet-mind-map li.half > div { width: 9.75rem; max-width: calc(50% - 0.25rem); }
  .popup-area .planet .planet-mind-map li.half > div:first-child { float: right; }
  .popup-area .planet .planet-mind-map li.half > div:first-child h3::before { content: ""; display: block; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: #000; height:2.5625rem; width: 1px;}
  .popup-area .planet .planet-mind-map li.half > div + div { margin-left: 0; }
  .popup-area .planet .planet-mind-map li.half p { padding: 0.5rem 0 0; }
  .popup-area .planet .planet-mind-map.global li.half > div { width: 9.75rem; max-width: calc(50% - 0.25rem); }
  .popup-area .planet .planet-mind-map.global li.half { content: ''; clear: both; overflow: hidden; }
  .popup-area .planet .planet-mind-map.global li.half > div:first-of-type { float: left; }
  .popup-area .planet .planet-mind-map.global li.half > div:last-of-type { float: right; }
  .popup-area .planet .planet-mind-map.global li.half > div:first-child h3::before { display: none; }

  .popup-area .planet .planet-graybox { padding: 2rem 1.5rem; }
  .popup-area .planet .planet-graybox + .planet-graybox { margin-top: 1rem; }
  .popup-area .planet .planet-bluebox { padding: 2rem 1.5rem; }

  .popup-area .planet .planet-upgrade { margin-top: 1.5rem; }
  .popup-area .planet .planet-upgrade ul { width: 15.5625rem; padding-top: 0; margin: 0 auto; }
  .popup-area .planet .planet-upgrade ul:after { height: 100%; width: 1px; bottom: 0; right: 4rem; }
  .popup-area .planet .planet-upgrade .mo-version { float: right; width: 8rem; }
  .popup-area .planet .planet-upgrade .mo-version ~ .mo-version { margin-top: 3.3125rem; margin-left: 0; }
  .popup-area .planet .planet-upgrade .mo-version ~ .mo-version:before { left: 3.75rem; transform: rotate(90deg); top: -1.8125rem; }
  .popup-area .planet .planet-upgrade .mo-upgrade { left: 1.125rem !important; }
  .popup-area .planet .planet-upgrade .mo-upgrade:nth-child(2) { top: 11%; }
  .popup-area .planet .planet-upgrade .mo-upgrade:nth-child(4) { top: 34%; }
  .popup-area .planet .planet-upgrade .mo-upgrade:nth-child(6) { top: 57%; }
  .popup-area .planet .planet-upgrade .mo-upgrade:nth-child(8) { top: 80%; }

  .popup-area .planet .img-text-list > li { padding: 2rem 1.5rem; }
  .popup-area .planet .img-text-list > li + li { margin-top: 1rem; }
  .popup-area .planet .img-text-list li .img-box { vertical-align: top; width: 3rem; }
  .popup-area .planet .img-text-list li .text-box { padding-left: 1rem; }

  .popup-area .planet .planet-table-layout.top { display: block; }
  .popup-area .planet .planet-table-layout.top > * { display: block; width: 100% !important; padding: 0 !important; }
  .popup-area .planet .planet-table-layout.repair li:first-child { margin-bottom: 2rem; }

  .popup-area .planet .disc li { font-size: 1rem; line-height: 1.4; padding-left: 0.75rem; }
  .popup-area .planet .disc li:before { top: 0.5rem; width: 0.3125rem; height: 0.3125rem; margin-left: 0; }

  .popup-area .planet .bluebox {padding: 2.286rem 1.714rem;}
  .popup-area .planet .bluebox .bluebox-list {padding-left: 1.857rem; }
  .popup-area .planet .bluebox .bluebox-list .bluebox-item {font-size: 1.143rem; line-height: 1.571rem;}
  .popup-area .planet .bluebox .bluebox-list .bluebox-item:not(:last-child)::before { top: 0.563rem; left: -1.5rem; width: 0.071rem; height: calc(100% + 1.5rem);}
  .popup-area .planet .bluebox .bluebox-list .bluebox-item + li {margin-top: 1.5rem;}
  .popup-area .planet .bluebox .bluebox-list .bluebox-item strong {}
  .popup-area .planet .bluebox .bluebox-list .bluebox-item strong::before {left: -1.843rem; top: 0.243rem; width: 0.714rem; height: 0.714rem; border-radius: 50%; }
  .popup-area .planet .bluebox .bluebox-list .bluebox-item ul {margin-top: 0.313rem;}
  .popup-area .planet .bluebox .bluebox-list .bluebox-item ul li {line-height: 1.571rem;}
  .popup-area .planet .bluebox .bluebox-list .bluebox-item ul li {  padding-left: 1.557rem; line-height: 1.714rem;}
  .popup-area .planet .bluebox .bluebox-list .bluebox-item ul li::before {width: 0.386rem; height: 0.386rem; left: 0.571rem; top: 0.529rem;}

  .popup-area .planet .planet-analysis-table > ul > li > ul > li { height: 9rem; }
  .popup-area .planet .planet-analysis-table .analysis-classification-list li { padding: 1.5rem 1rem; }
  .popup-area .planet .planet-analysis-table .analysis-classification-list h5,
  .popup-area .planet .planet-analysis-table .analysis-list .disc li { font-size: 1rem; line-height: 1.4; }
  .popup-area .planet .planet-analysis-table .analysis-list .disc li span { padding-left: 0; }

  .popup-area .planet .planet-modify-analysis-table { margin-right: -1.25rem; }
  .popup-area .planet .planet-modify-analysis-table table { margin-right: 1.25rem; }
  .popup-area .planet .planet-modify-analysis-table td { height: calc(9rem + 1rem); }
  .popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-wrap > div { padding: 0.5rem 1.14285rem; text-align: left; }
  .popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-wrap > div > .disc > li { font-size: 1rem; }
  .popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-wrap > div > span { font-size: 0.875rem; }
  .popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-title { padding: 1.5rem 1rem !important; text-align: center !important; }
  .popup-area .planet .planet-modify-analysis-table td .planet-analysis-table-title > h4 { font-size: 1rem; }

  .popup-area .planet .planet-analysis-img-area img { width: 100%; }

  .popup-area .planet .planet-analysis-table > ul::before { height: 66.875rem; background: url("/global/sustainability/assets/img/common/planet/pop/line03.png") no-repeat; background-size: cover; }
  .popup-area .planet .planet-analysis-table > ul::after { height: 34.5rem; background: url("/global/sustainability/assets/img/common/planet/pop/line04.png") no-repeat; background-size: cover; }

  .popup-area .planet .planet-icon-process-list li { width: calc(50% - 0.375rem); min-height: 13.875rem; }
  .popup-area .planet .planet-icon-process-list li:last-child { min-height: 16.625rem; }
  .popup-area .planet .planet-icon-process-list li + li { margin: 0; }
  .popup-area .planet .planet-icon-process-list li:nth-child(2n) { margin-left: 0.5rem; }
  .popup-area .planet .planet-icon-process-list li:nth-child(2n) ~ li { margin-top: 1rem; }
  .popup-area .planet .planet-icon-process-list li .img-box { width: 5.5rem; height: 5.5rem; margin: 0 auto; }
  .popup-area .planet .planet-icon-process-list li .text-box { width:100%; }
  .popup-area .planet .planet-icon-process-list .planet-content-title + p br { display: none; }

  .popup-area .planet .planet-modify-icon-process-list li { min-height: 14.875rem !important; }


  .popup-area .planet .planet-explanation-area { padding-left: 1.5rem; padding-right: 1.5rem; }
  .popup-area .planet .planet-explanation-area dt { padding-bottom: 1rem; }
  .popup-area .planet .planet-explanation-area dt .img-box { width: 3rem; }
  .popup-area .planet .planet-explanation-area dt .img-box + * { padding-left: 1.125rem; }
  .popup-area .planet .planet-explanation-area dd { padding-top: 1rem; }
  .popup-area .planet .planet-explanation-area dd .planet-content-title { margin-bottom: 0.5rem; }
  .popup-area .planet .planet-explanation-area dd > ul > li + li { margin-top: 1rem; }

  .popup-area .planet .planet-modify-analysis-table .planet-analysis-table-classification:before { width: calc(100% - 2.15rem); }
  .popup-area .planet .planet-modify-analysis-table .planet-analysis-table-classification > span { font-size: 0.875rem; }

  /* swiper */
  .popup-area .planet .swiper .swiper-button-prev,
  .popup-area .planet .swiper .swiper-button-next { position: absolute; top: 0; left: 0; display: block; width: 1.5rem; height: 1.5rem; background: url("/sec/sustainability/assets/img/common/planet/pop/swiper_arrow_disabled.png") no-repeat center / contain; margin: 0; }

  .popup-area .planet .swiper .swiper-button-prev { transform: rotate(180deg); background: url('/global/sustainability/assets/img/pc/people/pop/people-first/btn_swiper_next.png') no-repeat center/contain; }
  .popup-area .planet .swiper .swiper-button-prev:disabled { transform: rotate(0); background: url('/global/sustainability/assets/img/pc/people/pop/people-first/btn_swiper_prev.png') no-repeat center/contain; }
  .popup-area .planet .swiper .swiper-button-next { background: url('/global/sustainability/assets/img/pc/people/pop/people-first/btn_swiper_next.png') no-repeat center/contain; }
  .popup-area .planet .swiper .swiper-button-next:disabled { transform: rotate(180deg); background: url('/global/sustainability/assets/img/pc/people/pop/people-first/btn_swiper_prev.png') no-repeat center/contain; }
  .popup-area .planet .swiper .swiper-button-prev::after, .popup-area .planet .swiper .swiper-button-next::after { display: none; }
  .popup-area .planet .swiper .swiper-button-next { left: 3rem; }

  .popup-area .planet .smart-swiper .swiper-wrapper { width: 140%; padding-top: 2.9375rem; }
  .popup-area .planet .smart-swiper .swiper-slide { width: calc(33.333% - 1rem); }
  .popup-area .planet .smart-swiper .swiper-slide + .swiper-slide { margin-left: 1.5rem; }
  .popup-area .planet .smart-swiper p { font-size: 0.875rem; margin-top: 0.75rem; }
  .popup-area .planet .smart-swiper p span { margin-top: 0; }

  .popup-area .planet .planet-smart-things-main-explain { height: 7.25rem; padding: 1rem 0px 0px 0px; }
  .popup-area .planet .planet-smart-things-main-explain li { margin-left: 1rem; width: calc((100% / 3) - 0.6875rem); height: 6.25rem; float: left }
  .popup-area .planet .planet-smart-things-main-explain li:first-child { margin-left: 0px; }
  .popup-area .planet .planet-smart-things-main-explain p { font-size: 0.875rem; }
  .popup-area .planet .planet-smart-things-main-explain p span { margin-top: 2px; line-height: 1.4; }
  .popup-area .planet .planet-smart-things-main-explain p.txt-middle { font-size: 0.875rem; letter-spacing: -0.1px; }
  .popup-area .planet .planet-smart-things-main-explain p span.txt-small { font-size: 0.875rem; margin-top: 2px; letter-spacing: 0; }

  .popup-area .planet .planet-arrow-list li { width: 100% !important; height: 10rem; }
  .popup-area .planet .planet-arrow-list li:nth-of-type(2) { height: 5rem; }
  .popup-area .planet .planet-arrow-list li:nth-of-type(2) img { width: auto; height: 4rem; }
  .popup-area .planet .planet-arrow-list li img { width: 4rem; margin-bottom: 0.5rem; }
  .popup-area .planet .planet-arrow-list.two li:first-child { height: 25.5rem; padding: 0; font-size: 1rem; line-height:1.375rem;  }
  .popup-area .planet .planet-arrow-list.two li:first-child > div { height: 12.25rem;}
  .popup-area .planet .planet-arrow-list.two li:first-child > div img{ height:4.5rem;}
  .popup-area .planet .planet-arrow-list.two .planet-table-layout > div { height: 12.25rem; }
  .popup-area .planet .planet-arrow-list.two li:nth-of-type(2) { height: 6.875rem;}
  .popup-area .planet .planet-arrow-list.two li:nth-of-type(2) img { width: 1.5rem; }
  .popup-area .planet .planet-arrow-list.two li:last-child { height: 8.5rem; }
  .popup-area .planet .planet-arrow-list.two li img { width: 4.5rem; }

  .popup-area .planet .planet-title-box-list dt .planet-sub-title { height: 3.5rem; line-height: 3.5rem; }

  .popup-area .planet .planet-bluebox-list > li { width: 100%; height: 11.5rem; text-align: left; padding: 0 1.5rem; }
  .popup-area .planet .planet-bluebox-list > li + li { margin-left: 0; margin-top: 1rem; }
  .popup-area .planet .planet-bluebox-list > li .planet-blue { font-size: 1.375rem; }

  .popup-area .planet .planet-two-list > li { width: 100%; }
  .popup-area .planet .planet-two-list > li:nth-of-type(2n) { margin-left: 0; margin-top: 1rem; }
  .popup-area .planet .planet-two-list > li:nth-of-type(2n) ~ li { margin-top: 1rem; }
  .popup-area .planet .planet-two-list.area > li + li,
  .popup-area .planet .planet-two-list.air + .planet-img-area { margin-top: 1rem; }
  .popup-area .planet .planet-two-list.air li { text-align: left; height: auto; }
  .popup-area .planet .planet-two-list.quality > li { height: 9.625rem; text-align: left; padding: 2.28571rem 1.25rem; }

  .popup-area .planet .planet-two-list.planet-reducing-title-box-list > li dd { min-height: auto; }

  .popup-area .planet .planet-gray-list > li { padding: 2rem 1.5rem; }
  .popup-area .planet .planet-gray-list > li + li { margin-top: 1rem; }
  .popup-area .planet .planet-gray-list > li .planet-sub-title,
  .popup-area .planet .planet-gray-list > li .planet-sub-title + p { margin-bottom: 0.75rem; }

  .popup-area .planet .planet-title-box-list dt .planet-sub-title-line-break { padding: 1rem 2rem; height: auto; line-height: 1.4; }

  .popup-area .planet .planet-three-list > li { width: 100% !important; }
  .popup-area .planet .planet-three-list > li + li { margin-left: 0px !important; margin-top: 0.375rem; }
  .popup-area .planet .planet-three-list.animal > li + li { margin-top: 1rem; }
  .popup-area .planet .planet-three-list.animal > li p { height: 4.375rem; font-size: 1rem; }

  .popup-area .planet .planet-titlebox > *:last-child { line-height: 1.4; }

  .popup-area .planet .planet-table { width: 34.25rem; }
  .popup-area .planet table th { font-size: 0.875rem; padding: 0.75rem 0px 0.75rem 1.25rem; line-height: 1.4; }
  .popup-area .planet table th:nth-of-type(1) { width: 8.75rem; }
  .popup-area .planet table th:nth-of-type(2) { width: 4.5625rem; }
  .popup-area .planet table td { font-size: 0.875rem; padding: 1rem 0px 1rem 1.25rem; line-height: 1.4; }

  .popup-area .planet .planet-btn-area li { width: 100%; }
  .popup-area .planet .planet-btn-area li + li { margin-left: 0px; margin-top: 1rem; }

  .popup-area .planet .planet-number { margin-bottom: 1rem; line-height: 1.4; padding-left: 2rem; }
  .popup-area .planet .planet-number:before { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 1rem; margin-right: 0.5rem; }

  .popup-area .planet .planet-arrow-box-list > li { width: 100%; height: 5.375rem; }
  .popup-area .planet .planet-arrow-box-list > li + li:before { width: 1px; height: 1.5rem; margin: 0.5rem auto; transform: translateX(-50%); bottom: 100%; top: auto; left: 50%; }
  .popup-area .planet .planet-arrow-box-list .arrow:before { width: 1.5rem; height: 1rem; transform: translateX(-50%) rotate(90deg); margin: 0.75rem auto; }
  .popup-area .planet .planet-arrow-box-list > li + li { margin-left: 0; margin-top: 2.5rem; }
  .popup-area .planet .planet-chemical-box-list li { height: 5.375rem; }

  .popup-area .planet .planet-table-waste th,
  .popup-area .planet .planet-table-waste td { padding-left: 0.5rem; padding-right: 0.5rem; }
  .popup-area .planet .planet-table-waste th { height: 2.6875rem; }
  .popup-area .planet .planet-table-waste td {height: 5.625rem; }
  .popup-area .planet .planet-table-waste .td-title { padding-left: 0.5rem; }
  .popup-area .planet .planet-table-waste th:nth-of-type(1),
  .popup-area .planet .planet-table-waste td:nth-of-type(1) { width: 38.5%; }
  .popup-area .planet .planet-table-waste th:nth-of-type(2),
  .popup-area .planet .planet-table-waste td:nth-of-type(2) { width: auto; }
  .popup-area .planet .planet-table-waste th:nth-of-type(3),
  .popup-area .planet .planet-table-waste td:nth-of-type(3) { width: auto; }

  .popup-area .planet .planet-three-list.waste { padding: 0 1.42857rem; }
  .popup-area .planet .planet-three-list.waste li { height: auto;  padding: 2rem 1.25rem; }
  .popup-area .planet .planet-three-list.waste li .planet-big-title { font-size: 1.25rem; line-height: 1.4; margin-top: 1rem; margin-bottom: 0;}

  .popup-area .planet .planet-bar-graph { width: 100%; margin: 2.25rem 0 0.9375rem; }
  .popup-area .planet .planet-bar-graph li { padding-top: 1.875rem; }
  .popup-area .planet .planet-bar-graph .bar-graph { width: 100%; }
  .popup-area .planet .planet-bar-graph span { font-size: 1rem; line-height: 1.4; }

  .popup-area .planet .number-swiper { width: 100%; }
  .popup-area .planet .swiper .swiper-wrapper { overflow: visible; }
  .popup-area .planet .number-swiper .swiper-wrapper { padding-top: 3.5rem; padding-bottom: 19rem; }

  .popup-area .planet .planet-three-list + .planet-img-area + .planet-bluebox { padding-left: 1.5rem; padding-right: 1.5rem; }

  .planet-graybox .planet-float-list-img > img {width: 100%; margin-left: 0px; margin-top: 1rem; }
  .planet-graybox .planet-float-list-img > img:first-child {margin-top: 0px; float: none; }

  .popup-area .planet .planet-tab { margin: 0px -1.25rem; }
  .popup-area .planet .planet-tab ul { position: relative; padding: 0px 1.25rem; }
  .popup-area .planet .planet-tab ul li + li { margin-left: 2rem; }
  .popup-area .planet .planet-tab ul li button { padding: 1.25rem 0px; line-height: 1.4; font-size: 0.875rem; }

  .popup-area .planet .planet-accordion > ul > li dt button { padding: 1.125rem 0; }
  .popup-area .planet .planet-accordion .planet-accordion-title { font-size: 1.125rem; }
  .popup-area .planet .planet-accordion .planet-accordion-title::before { width: 1.5rem; height: 1.5rem; }
  .popup-area .planet .planet-accordion > ul > li dd { padding-left: 2rem; padding-right: 1.5rem; }

  .popup-area .planet .planet-bar-graph .planet-black-position { left: 0px; bottom: 2.6875rem; }
  .popup-area .planet .planet-bar-graph .planet-lightblue-position { right: 0px; top: -1.25rem; text-align: right; }
  .popup-area .planet .planet-bar-graph li { height: 4.75rem; }

  .popup-area .planet .planet-reference li { font-size: 0.875rem; }

  .popup-area .planet .planet-recycling-table th { padding: 0.75rem 0.5rem 0.75rem 0.5rem; }
  .popup-area .planet .planet-recycling-table td { height: 12.5rem; }
  .popup-area .planet .planet-recycling-table td:last-child { padding-right: 0.75rem; }

  .popup-area .planet .planet-bar-graph { width: 100%; margin: 2.25rem 0 0.9375rem; }
  .popup-area .planet .planet-bar-graph li { padding-top: 1.875rem; }
  .popup-area .planet .planet-bar-graph .bar-graph { width: 100%; }
  .popup-area .planet .planet-bar-graph span { font-size: 1rem; line-height: 1.4; }

  .popup-area .planet .planet-housewaste-list li { height: 7rem !important; }
  .popup-area .planet .planet-housewaste-list li:nth-child(1) { height: 15.5rem !important; }
  .popup-area .planet .planet-housewaste-list li:nth-child(2) { height: 6.875rem !important; }
  .popup-area .planet .planet-housewaste-list li:nth-child(3) { height: 7rem !important; }

  .popup-area .planet .planet-modify-durability-graybox-list ul { height: inherit; }
  .popup-area .planet .planet-modify-analysis-table .planet-analysis-table-mark:after { bottom: 0rem; }
  .popup-area .planet .planet-title-box-list dt .planet-chemical-sub-title { line-height: 1.4; height: auto; padding: 1rem 1.5rem; }
  .popup-area .planet .number-swiper .swiper-wrapper .swiper-slide > div { height: 12.57142rem; }

  .popup-area .planet .planet-enter-btn { margin-top: 1px;}

  .popup-area .reuse .planet.mt-64 {margin-top: 3rem;}
  .popup-area .reuse .planet .planet-cont {display: block;}
  .popup-area .reuse .planet .planet-cont p {margin-left: 0;}
}