@charset "utf-8";html,body{color:#000;min-width:360px;scroll-behavior:smooth;background:#fff;}
.sustainability{background:#fff;padding:0;height:100%;width:100%;margin:0 auto;/* max-width:1920px;*/
}
.sustainability .sus_inner_wrap{max-width:1920px;margin:0 auto;}
a{text-decoration:none;color:#000;}
a:active,a:hover,a:visited,a:focus{text-decoration:none;color:#000;}
/* gnb */
.header{position:absolute;top:0;-webkit-transition:all 1s;transition:all 1s;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;right:0;z-index:1000;width:100%;height:80px;background:#f7f7f7;}
.header .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:962px;height:40px;}
.header .logo_lgoled{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;width:110px;height:40px;text-indent:9999999em;background-image:url("../images/common/MO/LGOLED_logo.png");background-position:center center;background-repeat:no-repeat;background-size:70px auto;}
.header .gnb{position:absolute;top:0;left:0;width:100%;font-size:13px;border-top:1px solid rgba(0,0,0,0.08);overflow:hidden;}
.header .gnb ul{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-4px;width:auto;}
.header .gnb a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;padding:0 4px;font-weight:600;color:#777;-webkit-transition:all 0.2s;transition:all 0.2s;-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none;}
.header .gnb li{position:relative;word-wrap:normal;word-break:normal;margin-left: 15px;}
/* .header .gnb li + li{margin-left:12px;}
*/
.header .gnb li.on a{color:#000}
.header .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin-left:auto;margin-right:20px;min-width:60px;height:30px;padding:0 16px;font-size:13px;text-align:center;color:#fff;font-weight:600;background:#ac183c;border-radius:4px;}
.header.windowOff .gnb li.on a::after{position:absolute;content:'';bottom:0;left:0;width:100%;height:3px;background:#ac183c;}
.header.windowOn .gnb li.on a::after{position:absolute;content:'';bottom:0;left:0;width:100%;height:3px;background:#000;}
.header .btn{display:flex;align-items:center;order:3;margin-right:auto;margin-left:20px;min-width:60px;height:30px;padding:0 16px;font-size:13px;text-align:center;color:#fff;font-weight:600;background:#ac183c;border-radius:4px;}
.bg_blank{background:#000;transition:all 1s;}
.bg_blank .header{background:rgba(0,0,0,0.8);transition:all 1s;}
.bg_blank .header .logo_lgoled{background-image:url('../images/common/MO/LGOLED_logo_w.png');transition:all 1s;}
.bg_white .header{background:rgba(255,255,255,0.9);-webkit-transition:all 1s;transition:all 1s;}
.header .inner a.shop_now{color:#fff;}
.header .inner a.shop_now:hover{color:#fff;}
.header.windowOff .gnb li.on.hover a::after{display:none;}
.header.windowOn .gnb li.on.hover a::after{display:none;}
@media all and (min-width:1024px){.header{height:54px;min-width:962px;top:0!important;}
.header .inner{max-width:1600px;height:54px;}
.header .logo_lgoled{width:155px;height:54px;background-image:url('../images/common/PC/LGOLED_logo.png');background-position:38px center;background-size:87px auto;}
.header .gnb{position:relative;top:0;width:auto;font-size:1em;border-top:none;}
.header .gnb ul{margin-left:0px;}
.header .gnb a{height:54px;padding:0 10px;}
.header .gnb .bar{height:4px;margin-left:0;background:#ac183c;}
.header .btn{order:3;margin-left:30px;min-width:72px;height:34px;padding:0 18px;font-size:1em;}
.oled_tvs_contents{min-width:962px;}
.bg_blank .header .logo_lgoled{background-image:url('../images/common/PC/LGOLED_logo_w.png');}
.bg_blank .header .gnb .bar{background:#fff;}
.bg_white .header .gnb .bar{background:#000;}
}
.allWrap.wrap{position:relative;}
.bg_white .header{background:#f7f7f7}
.header .gnb a{color:#727272;}
.bg_white .header .gnb .bar{background:#ac183c}
/* @media screen and (max-width:500px){.gnb.frame .slidee{width:500px;}
}
*/
/* gnb hover */
@media screen and (min-width:1024px){.bg_blank .header .gnb a:hover,.bg_blank .header .gnb li.on a{color:#fff;transition:all 1s}
.windowOff.header .gnb a:hover{color:#000 !important}
.windowOn.header .gnb a:hover{color:#000 !important}
.header.windowOff .gnb a:hover::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:3px;background:#ac183c}
.header.windowOn .gnb a:hover::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:3px;background:#000}
.header .gnb a:hover{color:#000}
}
@media screen and (max-width:1023px){.header .gnb{top:40px;}
/* header.header .keen-slider__slide.number-slide6{padding-right:40px;}
*/
 /* .header .gnb li.number-slide6{padding-right:40px;} */
/* .header .gnb li.on.number-slide6 a::after{width:85px;}
.header .gnb li.off.number-slide6 a::after{width:85px;} */
.header .gnb li{white-space: nowrap;}
.header .gnb li a{white-space: nowrap;}
}
.allWrap.wrap{position:relative;}
/* //header */
/* bottom disclaimer */
.bt_disclaimer{width:100%;max-width:1280px;color:#888;font-size:18px;line-height:1.6;margin:0 auto 90px;padding:94px 0 0 22px; text-align: right;}
.bt_disclaimer li{list-style-type:decimal;}
sup{cursor:pointer;}
/* contents */
.oled_tvs_contents{position:relative;z-index:1;min-width:360px;height:100%;}
.container-fluid{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
section{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10%;}
section::after{content:"";display:block;clear:both;}
section .tx_sm1{font-size:0.7813vw;font-weight:700;letter-spacing:0.05em;margin-bottom:40px;}
section .tx_sm_box{font-size:0.781vw;border:2px solid #000;border-radius:7px;display:inline-block;padding:6px 8px;font-weight:600;}
section .tx_sm2{font-size:0.833vw;margin-top:10px;color:#adadad;margin-top:30px;}
section .tx2{font-size:3.125vw;font-weight:600;margin-top:30px;}
section .tx3{font-size:1.458vw;font-weight:600;margin:26px auto 0;line-height:1.14;letter-spacing:-0.02em;}
.ico::after,.ico::before{display:inline-block;clear:both;background-repeat:no-repeat;background-size:100%;background-position:0 0;vertical-align:middle;}
.ico.inno::after{content:"";width:59px;height:85px;background-image:url(../images/sustainability/icon_innovation.png);margin-right:15px;}
.ico.life::after{content:"";width:92px;height:93px;background-image:url(../images/sustainability/icon_lg.png);margin:-20px 0 0 20px;}
.ico.recycle::before{content:"";width:101px;height:97px;background-image:url(../images/sustainability/icon_recycle.png);margin:-15px 0 0 15px;}
.ico.earth::after{content:"";width:108px;height:91px;background-image:url(../images/sustainability/icon_earth.png);margin-right:15px;}
.ico.leaf::after{content:"";width:87px;height:87px;background-image:url(../images/sustainability/icon_leaf.png);margin-right:10px;}
.ico.our::after{content:"";width:182px;height:101px;background-image:url(../images/sustainability/icon_our.png);margin-right:10px;}
/* section01 */
.sec01{position:relative;margin-bottom:0;height:100vh;}
.sec01 .tx_box{position:absolute;color:#fff;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transform:translate(0,2%);-webkit-transform:translate(0,20%);z-index:2;}
.sec01 img{/* max-width:1920px;*/
 width:100%;object-fit:fill;left:0;top:0;z-index:1;height:100vh;}
.sec01 .tx_sm1{margin-bottom:32px;}
.sec01 .tx1{font-size:3.854vw;letter-spacing:0.05em;font-weight:600;}
.sec01 .tx1 span + span{display:block;}
/* section02 */
.sec02{height:100vh;margin-bottom:0;}
.sec02 .tx_box{opacity:0;transform:translate(0,30%);-webkit-transform:translate(0,30%);}
.sec02 .tx_box p{text-align:center;font-size:5.729vw;font-weight:600;line-height:1.05;letter-spacing:-0.03em;}
/* section03 */
.sec03{margin:5% 0;}
.sec03 .tx_sm1{margin-bottom:0;}
.sec03 .tx_box{transform:translate(0,50%);-webkit-transform:translate(0,50%);opacity:0;}
section .tit_gr{font-size:8.333vw;font-weight:600;line-height:1.2;}
section .tit_gr p{color:#609f41;}
.sec03_1 .life_recycle{position:relative;text-align:left;margin:3% 0;height:780px;}
.sec03_1 .life_recycle::after{content:"";display:block;clear:both;}
.sec03_1 .logo_box{display:flex;align-items:flex-start;}
.sec03_1 .logo_box img:first-of-type{margin-right:10px;}
.sec03_1 .num{position:absolute;line-height:1.3;display:inline-flex;align-items:flex-start;justify-content:center;z-index:2; text-align: right;}
.sec03_1 .num p{font-size:0.781vw;font-weight:600;}
.sec03_1 .num p + p{font-size:1.458vw;font-weight:600;}
/* .sec03_1 .num span{font-size:1.744vw;font-weight:600;text-align:center;border-radius:50%;border:2px solid #000;width:2.031vw;height:2.031vw;display:flex;justify-content:center;align-items:center;margin-right:10px;padding:3px 2px 0 1px;}
*/
.sec03_1 .num img{width:auto;object-fit:contain;margin-top:20px;}
.sec03_1 .num::before{content:'';display:block;clear:both;width:39px;height:40px;margin:3px 0 0 10px;}
.sec03_1 .num.step1{right:190px;top:50px;}
/* 0704 st  */
/* .sec03_1 .num.step1::before{background:url(../images/sustainability/eco_num1.png) 0 0 no-repeat;background-size:100%;} */
.sec03_1 .num.step2{right:200px;bottom:200px;}
/* .sec03_1 .num.step2::before{background:url(../images/sustainability/eco_num2.png) 0 0 no-repeat;background-size:100%;} */
.sec03_1 .num.step3{left:260px;bottom:30px;}
/* .sec03_1 .num.step3::before{background:url(../images/sustainability/eco_num3.png) 0 0 no-repeat;background-size:100%;} */
.sec03_1 .num.step4{left:260px;top:125px;}
/* .sec03_1 .num.step4::before{background:url(../images/sustainability/eco_num4.png) 0 0 no-repeat;background-size:100%;} */
/* 0704 ed  */

/* 0704 sy  */
.sec03_1 .eco_friendly{max-width:990px;width:100%;height:0;overflow:hidden;}
.sec03_1 .eco_friendly img{width:auto;}
.sec03_1 .eco_friendly .tx2{font-weight:800;}
.eco_friendly .eco_frame{margin:50px 0;}
.eco_friendly .eco_frame ul{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}
.eco_friendly .eco_frame ul li{width:calc(34% - 20px);text-align:right;margin-left:20px;width:316px;height:470px;}
.eco_friendly .eco_box{background:#f4f4f4;border-radius:20px;padding:25px 32px;height:100%;}
.eco_friendly .eco_box .eco_tit{font-size:24px;font-weight:600;margin-top:25px;}
.eco_friendly .eco_box .eco_txt{font-size:16px;color:#666;margin-top:25px;line-height:1.2;}
.eco_friendly .eco_box .eco_txt span{font-size:14px;color:#8f8f8f;display:inline-block;}
.mt10{margin-top:10px;}
.btn_eco_view{display: flex; justify-content: center;}
.btn_eco_view a{display:inline-block;margin-bottom:50px;}
.btn_eco_view a span{display:inline-block;height:1px;overflow:hidden;}
.btn_eco_view .btn_eco::before{content:'';display:block;clear:both;width:67px;height:67px;background:url(../images/sustainability/btn_bk_minus.png) no-repeat 0 0;}
.btn_eco_view .btn_eco.open::before{background:url(../images/sustainability/bth_bk_plus.png) no-repeat 0 0;}
/* 0704 ed  */

/* section04 */
.sec04 .img_box2{margin-top:3%;height:760px;}
.sec04 img{object-fit:contain;}
/* section05 */
.sec05{flex-direction:row;padding:0 10%;}
.sec05 .img_box2{width:50%;margin-right:5%;height:760px;}
.sec05 img{width:100%;object-fit:contain;}
.sec05 .tx_box{width:50%;}
/* section06 */
.sec06{margin-bottom:12%;padding:0 17%;}
.sec06 .tx_box{height:650px;transform:translate(0,30%);-webkit-transform:translate(0,30%);opacity:0;}
.sec06 .tit_gr{margin-top:40px;}
.sec06 .logo{margin-top:5%;display:flex;flex-wrap:wrap;align-content:space-around;justify-content:center;align-items:center;}
.sec06 .logo::after{content:"";display:block;clear:both;}
.sec06 .logo img{width:128px;height:auto;object-fit:contain;}
.logo img:not(:last-of-type){margin-left:2%;}
/* section07 */
.sec07,.sec08,.sec09,.sec10{height:100vh;margin-bottom:0;padding:10% 17%;}
.img_box{position:relative;width:100%;max-width:1260px;margin-bottom:5%;}
.img_box img{width:100%;height:100%;}
.img_box .img1,.img_box .img2{width:100%;height:auto;max-height:640px;}
.img_box .img2{position:absolute;overflow:hidden;top:0%;transform:translate(0px,100%);-webkit-transform:translate(0px,100%);}
.img_box .img2 img{transform:translate(0px,-100%);-webkit-transform:translate(0px,-100%);}
/* section08 */
.sec08 img{width:100%;max-width:1260px;height:auto;}
.sec08 .img_box > div{/* overflow:hidden;border-radius:1.458vw;*/
 position:relative;}
.sec08 .dim_line{width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(../images/sustainability/eye_img03_2.png);background-position:0 0;background-size:cover;background-repeat:no-repeat;opacity:1;background-clip:content-box;-moz-background-clip:content-box;-webkit-background-clip:content-box;}
/* section09 */
/* section10 */
.sec10 .tx_box{text-align:center;font-size:5.289vw;font-weight:600;line-height:1.05;letter-spacing:-0.03em;opacity:0;transform:translate(0,30%);-webkit-transform:translate(0,30%);}
.sec10 .ico.earth::before{content:"";width:108px;height:91px;background-image:url(../images/sustainability/icon_earth.png);margin-left:15px;}
.sec10 .ico.earth::after{content:none;}
.sec10 .ico.our::after{background-image:url(../images/sustainability/icon_our_s.png);width:147px;height:81px;}
.sec10 .ico.leaf::after{background-image:url(../images/sustainability/icon_leaf_s.png);width:80px;height:80px;}
.sec10 .certificated{width:100%;transform:translate(0,100%);-webkit-transform:translate(0,100%);opacity:0;font-size:1.354vw;font-weight:600;height:230px;}
.sec10 .bg_leaf{background:url(../images/sustainability/text_bg.png) center bottom no-repeat;padding:2px 20px 2px 30px;letter-spacing:-0.03em;background-size:100%;}
.sec10 .logo{margin-top:5%;display:flex;justify-content:space-evenly;align-items:center;}
.sec10 .logo img{width:auto;height:auto;object-fit:contain;}
/*** Media **********************************************/
@media all and (min-width:1024px){
.pc{display:block;}
.mo{display:none;}
.sec05{text-align:left;}
.logo.mo_img{display:none;}
/* 0704 st  */
.eco_friendly .eco_frame ul li:nth-of-type(3n+3){margin-left:0;}
/* 0704 ed  */
.sec05 .tx_box {text-align: right; padding-right: 50px;}
}
@media all and (max-width:1023px){
.pc{display:none;}
.mo{display:block;}
.logo.pc_img{display:none;}
.bt_disclaimer{font-size:12px;padding:175px 7% 0 9%;margin:-130px auto 45px;}
section{margin-bottom:0;}
.sus_inner_wrap section{padding:0 4%;}
section .tx_sm1{font-size:18px;margin-bottom:30px;}
section .tx_sm2{font-size:16px;line-height:1.2;}
section .tx2{font-size:42px;}
section .tx3{font-size:20px;line-height:1.2;letter-spacing:0;}
section .tit_gr{font-size:9vw;}
section .tx_sm_box{font-size:14px;border-width:1px;border-radius:4px;letter-spacing:0.05em;padding:7px;}
.sec01 .tx_sm1{margin-bottom:30px;}
.sec01 .tx1{font-size:46px;}
.sec02{height:100%;margin:14vh 0 7vh;}
.sec02 .tx_box p{font-size:5.5vw;line-height:1;letter-spacing:0;}
.ico.inno::after{width:22px;height:32px;background-image:url(../images/sustainability_mo/icon_innovation.png);margin:0 0 0 5px;}
.ico.life::after{width:30px;height:29.5px;background-image:url(../images/sustainability_mo/icon_lg.png);margin:0;margin:-6px 0 0 5px;}
.ico.recycle::before{width:34.5px;height:33.5px;background-image:url(../images/sustainability_mo/icon_recycle.png);margin:-5px 6px 0 0;}
.ico.earth::after{width:37.5px;height:30.5px;background-image:url(../images/sustainability_mo/icon_earth.png);margin:0px 0 0 5px;}
.ico.our::after{width:69px;height:38.5px;background-image:url(../images/sustainability_mo/icon_our.png);}
section .tit_gr .ico.leaf::after{width:37px;height:37px;background-image:url(../images/sustainability_mo/icon_leaf.png);margin-left:10px;}
.sec03 .tx_sm1{margin-bottom:30px;}
.sec03{height:100%;margin:14vh 0 10vh;}
.sec03_1 .life_recycle{margin:10vh 0px 20vh;height:212px;}
.sec03_1 .num img{width:68.5px;height:auto;margin-top:7px;}
.sec03_1 .logo_box{flex-direction:column;}
/* .sec03_1 .logo_box img:first-of-type{margin-right:-10px;}
*/
 .sec03_1 .logo_box img.carbon{height:52.5px;margin-left:-20px;}
.sec03_1 .num p{font-size:1.291vw;}
.sec03_1 .num p + p{font-size:2.222vw;}
.sec03_1 .num.step1{right:12px;top:-60px;}
/* 0704 st */
.sec03_1 .num.step2{right:12px;bottom:-90px;}
/* 0704 ed */
.sec03_1 .num.step3{left:11px;bottom:-110px;}
.sec03_1 .num.step4{left:11px;top:-70px;}
.sec03_1 .num::before{width:19px;height:20px;margin:3px 0 0 4px;}
.sec04{height:100%;margin:10vh 0;}
.sec04 .img_box2{height:200px;}
.sec05{flex-flow:column-reverse;padding:0 10%;height:100%;margin:10vh 0;}
.sec05 .tx_box{width:100%;}
.sec05 .img_box2{width:100%;height:265px;margin:5% 0 0 0;}
.sec06 .tx_box{height:200px;}
.sec06 .logo.mo_img{height:160px;align-content:flex-start;}
.sec06 .logo.mo_img img{max-width:64px;}
.logo.mo_img > div{width:100%;display:flex;justify-content:center;align-items:flex-start;}
.logo.mo_img > div:first-of-type{margin-bottom:5px;}
section .img_box{margin-bottom:10%;}
.sec08 .img_box{border-radius:2.3vw;}
/* .sec08 .img_box > div{border-radius:10px;}
*/
 .sec08 .dim_line{background-image:url(../images/sustainability_mo/eye_img03_2.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;}
.sec10 .logo.mo_img{display:flex;flex-wrap:wrap;align-content:space-around;justify-content:center;align-items:center;}
.sec10 .logo.mo_img img{max-width:105px;}
.sec10 .certificated{font-size:2.222vw;padding-top:3%;}
.sec10 .ico.earth::before{content:"";width:40px;height:34px;background-image:url(../images/sustainability_mo/icon_earth.png);margin-left:3px;}
.sec10 .ico.our::after{background-image:url(../images/sustainability_mo/icon_our_s.png);width:58px;height:32px;}
.sec10 .ico.leaf::after{background-image:url(../images/sustainability_mo/icon_leaf_s.png);width:31.5px;height:31.5px;margin-right:5px;}
.ico.our::after{margin-right:5px;}
.sec10 .tx_box{font-size:6.666vw;}
.sec10 .bg_leaf{padding:4px 16px 2px 24px;}
/* 0704 st  */
.eco_friendly{padding:30px 0 0 0; direction: ltr;}
.eco_friendly .eco_frame img{height:90px;}
.eco_friendly .eco_frame ul{flex-wrap:nowrap;width:1280px;}
.eco_friendly .eco_frame ul li{margin-left:0;}
.eco_friendly .eco_frame ul li:last-of-type{margin-right:0;padding-left:40px;width:356px;}
.btn_eco_view a{margin-bottom:25px;}
.btn_eco_view .btn_eco::before{width:33px;height:33px;background-size:contain;}
.btn_eco_view .btn_eco.open{margin:25px 0 -25px;}
.btn_eco_view .btn_eco.open::before{background-size:contain;}
.eco_friendly .eco_box {direction: rtl;}
/* 0704 ed  */
}
@media (min-width:1661px) and (max-width:1870px){.sec03_1 .num.step1{right:9%;top:5%;}
.sec03_1 .num.step2{right:9%;top:53%;}
.sec03_1 .num.step3{left:14%;top:68%;}
.sec03_1 .num.step4{left:14%;top:14%;}
}
@media (min-width:1450px) and (max-width:1660px){.sec03_1 .life_recycle{height:635px;}
.sec03_1 .num.step1{right:9%;top:5%;}
.sec03_1 .num.step2{right:7%;top:58%;}
.sec03_1 .num.step3{left:13%;top:75%;}
.sec03_1 .num.step4{left:13%;top:17%;}
.sec03_1 .num.step1::before,.sec03_1 .num.step2::before,.sec03_1 .num.step3::before,.sec03_1 .num.step4::before{background-size:90%;}
.sec04 .img_box2{height:620px;}
.sec05 .img_box2{height:640px;}
.sec06 .tx_box{height:550px;}
.sec07 .img_box{height:485px;}
.sec08 .img_box{height:485px;}
.sec09 .img_box{height:485px;}
}
@media (min-width:1331px) and (max-width:1449px){.sec03_1 .life_recycle{height:580px;}
.sec04 .img_box2{height:540px;}
.sec05 .img_box2{height:555px;}
.sec03_1 .num.step1{right:9%;top:2%;}
.sec03_1 .num.step2{right:9%;bottom:21%;}
.sec03_1 .num.step3{left:14%;bottom:0%;}
.sec03_1 .num.step4{left:14%;top:14%;}
.sec03_1 .num.step1::before,.sec03_1 .num.step2::before,.sec03_1 .num.step3::before,.sec03_1 .num.step4::before{background-size:90%;}
.sec07 .img_box{height:455px;}
.sec08 .img_box{height:455px;}
.sec09 .img_box{height:455px;}
}
@media (min-width:1201px) and (max-width:1330px){.sec03_1 .life_recycle{height:580px;}
.sec03_1 .num.step1{right:8%;top:5%;}
.sec03_1 .num.step2{right:8%;top:51%;}
.sec03_1 .num.step3{left:13%;top:68%;}
.sec03_1 .num.step4{left:13%;top:17%;}
.sec03_1 .num::before{margin-right:0;}
.sec03_1 .num.step1::before,.sec03_1 .num.step2::before,.sec03_1 .num.step3::before,.sec03_1 .num.step4::before{background-size:80%;}
.sec04 .img_box2{height:540px;}
.sec05 .img_box2{height:555px;}
.sec07 .img_box{height:425px;}
.sec08 .img_box{height:425px;}
.sec09 .img_box{height:425px;}
}
@media (min-width:1111px) and (max-width:1200px){.sec03_1 .life_recycle{height:580px;}
.sec03_1 .num.step1{right:8%;top:5%;}
.sec03_1 .num.step2{right:8%;top:44%;}
.sec03_1 .num.step3{left:12%;top:58%;}
.sec03_1 .num.step4{left:12%;top:9%;}
.sec03_1 .num::before{margin-right:0;}
.sec03_1 .num.step1::before,.sec03_1 .num.step2::before,.sec03_1 .num.step3::before,.sec03_1 .num.step4::before{background-size:80%;}
.sec04 .img_box2{height:540px;}
.sec05 .img_box2{height:555px;}
.sec07 .img_box{height:370px;}
.sec08 .img_box{height:370px;}
.sec09 .img_box{height:370px;}
}
@media (min-width:963px) and (max-width:1110px){.sec03_1 .life_recycle{height:460px;}
.sec03_1 .num.step1{right:-1%;top:-13%;}
.sec03_1 .num.step2{right:0;bottom:-20%;}
.sec03_1 .num.step3{left:4%;bottom:-20%;}
.sec03_1 .num.step4{left:4%;top:-10%;}
.sec03_1 .num::before{margin-right:0;}
.sec03_1 .num.step1::before,.sec03_1 .num.step2::before,.sec03_1 .num.step3::before,.sec03_1 .num.step4::before{background-size:80%;}
.sec04 .img_box2{height:430px;}
.sec05 .img_box2{height:440px;padding:0 10%;}
.sec06 .tx_box{height:500px;}
.sec07 .img_box{height:400px;}
.sec08 .img_box{height:400px;}
.sec09 .img_box{height:400px;}
}
@media (min-width:720px) and (max-width:962px){.sec03_1 .life_recycle{height:460px;}
.sec03_1 .num.step1{right:5%;top:-14%;}
.sec03_1 .num.step2{right:4%;bottom:-22%;}
.sec03_1 .num.step3{left:8%;bottom:-21%;}
.sec03_1 .num.step4{left:8%;top:-18%;}
.sec03_1 .num::before{left:10%;top:-18%;}
.sec04 .img_box2{height:400px;}
.sec05 .img_box2{height:675px;}
.sec06 .tx_box{height:520px;}
.sec07 .img_box{height:370px;}
.sec08 .img_box{height:370px;}
.sec09 .img_box{height:370px;}
}
@media (min-width:540px) and (max-width:719px){.sec03_1 .life_recycle{height:370px;}
.sec03_1 .num.step1{right:10%;top:-14%;}
/* 0704 st */
.sec03_1 .num.step2{right:8%;bottom:-20%;}
.sec03_1 .num.step3{left:13%;bottom:-23%;}
/* 0704 ed */
.sec03_1 .num.step4{left:15%;top:-18%;}
.sec03_1 .num::before{left:10%;top:-18%;}
.sec04 .img_box2{height:350px;}
.sec05 .img_box2{height:520px;}
.sec06 .tx_box{height:450px;}
.sec07 .img_box{height:275px;}
.sec08 .img_box{height:275px;}
.sec09 .img_box{height:275px;}
}
@media all and (max-width:375px){
/* 0704 st */
.sec03_1 .num.step2{right:12px;bottom:-70px;}
/* 0704 ed */
.sec03_1 .num.step3{left:11px;bottom:-90px;}
}
@media all and (max-width:720px){
  .sus_inner_wrap section{padding:0 25px;}
section .tx_sm1{font-size:14px;margin-bottom:24px;}
section .tx_sm2{font-size:14px;margin-top:24px;/* line-height:1.3;*/
}
section .tx_sm_box{font-size:10px;padding:5px;}
section .tx2{font-size:32px;margin-top:24px;/* line-height:1.25;*/
}
section .tx3{font-size:16px;margin-top:16px;line-height:1.2;}
section .tit_gr{font-size:45px;line-height:1.2;}
.sec01 .tx_sm1{font-size:14px;margin-bottom:24px;}
.sec01 .tx1{font-size:36px;letter-spacing:normal;}
.sec02 .tx_box p{font-size:36px;}
.sec03 .tx_sm1{margin-bottom:24px;}
.sec06 .tit_gr{margin-top:0;}
.sec10 .tx_box{font-size:36px;line-height:1;letter-spacing:0;}
.sec03 .num span{font-size:20px;width:40px;height:39px;}
.sec03_1 .num p{font-size:10px;}
.sec03_1 .num p + p,.sec03_1 .num span{font-size:13px;}
.sec10 .certificated{font-size:12px;}
}
@media all and (min-width:1920px){section .tx_sm1{font-size:15px;}
section .tx_sm2{font-size:16px;}
section .tx_sm_box,.sec03_1 .num P{font-size:15px;}
section .tx2{font-size:60px;}
section .tx3,.sec03_1 .num p + p{font-size:28px;}
.sec01 .tx1{font-size:74px;}
.sec02 .tx_box p,.sec10 .tx_box{font-size:110px;}
section .tit_gr{font-size:160px;}
.sec03 .num span{font-size:34px;width:40px;height:39px;}
.img_box{height:640px;}
.sec08 .img_box{border-radius:28px;}
.sec08 .img_box > div{border-radius:28px;}
.sec10 .certificated{font-size:24px;}
}
@media (max-height:1024px) and (orientation:landscape){.sec07,.sec08,.sec09,.sec10{height:100vh;margin-bottom:10%;padding:0 17%;}
}
@media (max-device-height:768px) and (orientation:landscape){.sec07,.sec08,.sec09,.sec10{height:100%;margin-bottom:10%;}
}
@media (max-height:1023px) and (orientation:portrait){.sec07,.sec08,.sec09{height:70vh;}
.sec06{height:60vh;justify-content:flex-start;}
.sec10{height:100%;margin-bottom:20%;}
}
@media (max-device-width:360px) and (orientation:portrait){.sus_inner_wrap section{padding:0 4%;}
.sec06{height:50vh;}
}
@media (max-device-height:760px) and (orientation:portrait){.sec07,.sec08,.sec09{height:80vh;}
.sec06{height:55vh;}
}
@media all and (min-height:1401px){.sec07,.sec08,.sec09,.sec10{height:100%;}
.sec10{/* height:70vh;*/
 margin-bottom:25%;}
}
@media screen and (max-width:420px){
  .sec02 .tx_box p{font-size:28px;}
  section .tit_gr{font-size:48px;}
  section .tit_gr{font-size:36px;}
  .sec10 .tx_box{font-size:28px;}
}