@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit{font-size:24px;font-weight:700;color:#000;padding-bottom:12px;margin-bottom:45px;border-bottom:1px solid #848484;}

.company {margin-bottom:68px;}
.company .info{padding-left: 30px;}
.company .info dl{display:flex;margin-bottom:13px;position:relative;padding-left:220px;}
.company .info dl:last-child{margin-bottom:0;}
.company .info dt{padding-left:18px;position:relative;margin-right:0;font-weight:700;color: #000;position: absolute;max-width:220px;width:100%;left:0;}
.company .info dt:before{content:'';width:4px;height:4px;background-color:#000;border-radius:50%;position: absolute;left:0;top:12px;}

.philosophy{margin-bottom:118px;}
.philosophy .doc-tit{margin-bottom:112px;}
.philosophy .con{display:flex;}
.philosophy .con .img{width:50%;text-align: right;padding-right:102px;}	
.philosophy .txt-box{width:50%;padding-left:48px;padding-top:10px;}
.philosophy .txt-box dl{margin-bottom:28px;}
.philosophy .txt-box dl:last-child{margin-bottom:0;}
.philosophy .txt-box dt{position: relative;font-size:24px;font-weight:700;color: #000;}
.philosophy .txt-box dt:before{content:'';width:12px;height:12px;border-radius:50%;background-color: #15727a;position: absolute;left:-42px;top:11px;}
.philosophy .txt-box dt.type2:before{background-color: #c4d635;}
.philosophy .txt-box dt.type3:before{background-color: #35b9ca;}

.business .doc-tit{margin-bottom:77px;}
.business .items{display:flex;}
.business .item{width:33.3333%;display:flex;}
.business .item .icon{border-radius:50%;background-color: #356fd0;width:120px;height:120px;display:flex;justify-content:center;align-items:center;margin-right:22px;}
.business .item .icon.type2{background-color: #5cb200;}
.business .item .icon.type3{background-color: #00ace4;}
.business .item .tit{font-size:20px;font-weight:500;color: #000;margin-bottom:15px;}
.business .item ul{padding-left:6px;}
.business .item ul li{position:relative;padding-left:11px;}
.business .item ul li:before{content:'';width:4px;height:4px;border-radius:50%;background-color: #555;position: absolute;left:0;top:12px;}
.business .item .info{min-width:0;width:1%;flex:1 1 auto;padding-right:20px;}

.story{margin-bottom:67px;}
.story .txt-box{padding-left:30px;}
.story dl{display:flex;margin-bottom:10px;}
.story dl:last-child{margin-bottom:0;}
.story dt{padding-left:18px;font-size:18px;font-weight:700;color: #000;position: relative;margin-right:22px;}
.story dt:before{content:'';width:4px;height:4px;background-color:#000;border-radius:50%;position: absolute;left:0;top:12px;}
.story dt span{font-weight:700;}

.product-kind{margin-bottom:85px;}
.product-kind .doc-tit{margin-bottom:34px;}

.history .doc-tit{margin-bottom:72px;}
.history .con{position:relative;}
.history .con:before{content:'';width:1px;height:100%;background-color: #d7d7d7;position: absolute;left:153px;top:0px;}
.history .con .row{display:flex;padding-left:11px;margin-bottom:58px;}
.history .con .row:last-child{margin-bottom:0;}
.history .year{font-family: 'GmarketSans',sans-serif;font-size:36px;font-weight:700;color: #000;margin-right:96px;position:relative;max-width:96px;width:100%;}
.history .year:after{content:'';width:23px;height:23px;border:4px solid #106cc3;border-radius:50%;background-color:#fff;position: absolute;right:-58px;top:0px;}
.history .info li{position:relative;padding-left:110px;margin-bottom:10px;}
.history .info li:last-child{margin-bottom:0;}
.history .info .month{position: absolute;left:0;font-size:18px;font-weight:700;color: #000;}

.greeting{display:flex;justify-content:space-between;}
.greeting .blue{font-size:30px;font-weight:700;line-height:1.333em;margin-bottom:20px;}
.greeting .txt-box{padding-right:20px;}
.greeting .txt{margin-bottom:33px;}
.greeting .ceo{font-weight:500;}
.greeting .ceo .sign{margin-left:25px;}

.location{display:flex;justify-content:space-between;}
.location .info{margin-top:14px;padding-right:20px;}
.location .info dl:first-child{margin-bottom:34px;}
.location .info dt{font-size:22px;font-weight:700;color: #000;margin-bottom:10px;}
.location .info dd p{line-height:1.333em;margin-bottom:30px;}
.location .info dd p:last-child{margin-bottom:0;}
.location .info dd.type2 p{margin-bottom:0;font-size:20px;line-height:1.5em;}
.location .maps {max-width:870px;width:100%;height:460px;}
.location .maps iframe{width:100%;height:100%;}

.txt46{font-size:45px;color: #000;font-weight:200;line-height:1.435em;}

.health-tum .sec1{padding:160px 0 135px;background:url('../images/sub/health_tum_bg1.jpg')no-repeat 50% 50%/cover;}
.health-tum .sec1 .txt46{margin-bottom:85px;text-align:center;color:#fff;}
.health-tum .sec1 .circles{display:flex;justify-content:center;}
.health-tum .sec1 .circles .circle{margin-right:40px;width:364px;height:364px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;text-align:center;}
.health-tum .sec1 .circles .circle:last-child{margin-right:0;}
.health-tum .sec1 .circles .circle.type1{border:1px solid #fff;color: #fff;line-height:2.083em;font-size:24px;font-weight:500;}
.health-tum .sec1 .circles .circle.type2{background-image:url('../images/sub/tum_circle_img1.png');}
.health-tum .sec1 .circles .circle.type3{background-image:url('../images/sub/tum_circle_img2.png');}
.health-tum .sec1 .circles .circle.type2, 
.health-tum .sec1 .circles .circle.type3{box-shadow:5px 5px 20px rgba(0,0,0,.75);}
.health-tum .sec2{padding-top:117px;}
.health-tum .sec2 .con{position:relative;margin-bottom:160px;}
.health-tum .sec2 .con .txt-box .txt46{line-height:1.435em;margin-bottom:17px;}
.health-tum .sec2 .con .txt-box .txt46 span{font-weight:900;color: #2790d7;}
.health-tum .sec2 .con .txt-box .txt{font-size:20px;line-height:1.5em;}
.health-tum .sec2 .con .img-box{display:flex;position: absolute;right:0;top:70px;z-index: 3;align-items: flex-end;}
.health-tum .sec2 .con .img-box .img:first-child{margin-right:-136px;position:relative;z-index:-1;}
.health-tum .sec2 .con2{background:url('../images/sub/health_tum_bg2.jpg')no-repeat 50% 50%/cover;height:949px;text-align:center;position: relative;}
.health-tum .sec2 .con2:before{content:'';width:329px;height:329px;background:url('../images/sub/tum_txt_circle1.png')no-repeat 50% 50%/contain;position: absolute;left:417px;top:200px;}
.health-tum .sec2 .con2:after{content:'';width:409px;height:409px;background:url('../images/sub/tum_txt_circle2.png')no-repeat 50% 50%/contain;position: absolute;right:300px;bottom:120px;}
.flex-sec{background-color: #eee;overflow:hidden;}
.flex-sec .wrap{display:flex;}
.flex-sec .txt-box{margin-top:95px;color: #000;}
.flex-sec .txt-box .txt46{margin-bottom:56px;line-height:1.435em;letter-spacing:-.05em;}
.flex-sec .txt-box .txt46 span{font-weight:700;color: #2386da;}
.flex-sec .txt-box .txt{font-size:26px;font-weight:700;margin-bottom:15px;line-height:1.333em;}
.flex-sec .txt-box .txt.type2{font-weight:300;}
.flex-sec .txt-box .txt span{color: #2790d7;}
.flex-sec .txt-box .sm-txt{font-weight:500;line-height:1.556em;margin-bottom:15px;}
.flex-sec .txt-box .sm-txt:last-child{margin-bottom:0;}
.flex-sec .img-box{flex:1 1 auto;min-width:0;width:1%;display:flex;align-items:center;margin-right:-18%;}
.flex-sec .wrap.type2{flex-direction:row-reverse;}
.flex-sec .wrap.type2 .txt-box{padding-left:55px;}
.flex-sec .wrap.type2 .img-box{margin-right:0;width:50%;}
.flex-sec .area{width:50%;}
.helth-clean{padding:165px 0 100px;}
.helth-clean .txt46{text-align:center;font-weight:200;margin-bottom:120px;}
.helth-clean .txt46 span{font-weight:700;}
.helth-clean ol{display:flex;justify-content:center;margin:0 -24px;padding:0 50px;}
.helth-clean ol li{padding:0 24px;width:20%;flex:justify-content:center;}
.helth-clean ol li .txt-box{margin-top:10px;margin-left:20px;}
.helth-clean ol li .step{font-size:26px;font-weight:700;color: #010101;margin-bottom:25px;}
.helth-clean .txt{font-size:18px;font-weight:500;line-height:1.333em;}
.helth-clean .btm-txt{text-align:center;margin-top:100px;}
.helth-clean .btm-txt .txt{font-size:30px;font-weight:200;}
.helth-clean .btm-txt .sm-txt{font-size:18px;font-weight:500;margin-top:10px;}
.health-tum .sec5{background-color: #e9e6ed;padding:30px 0 0;}
.health-tum .sec5 .contain{display:flex;}
.health-tum .sec5 .txt46{margin-top:85px;}
.health-tum .sec5 .img{margin-left: -40px;}
.health-tum .sec6{padding:110px 0 135px;}
.health-tum .sec6 .txt46{text-align:center;margin-bottom:150px;}
.health-tum .sec6 ul{display:flex;margin:0 -10px;}
.health-tum .sec6 ul li{width:25%;text-align: center;padding:0 10px;}
.health-tum .sec6 ul li .icon{margin-bottom:50px;text-align:center;}
.health-tum .sec6 ul li .tit{font-size:20px;font-weight:500;margin-bottom:10px;}
.health-tum .sec6 ul li .txt{font-size:20px;font-weight:200;line-height:1.4em;}
.health-paper{background:url('../images/sub/cart_paper_bg.jpg')no-repeat 50% 50%/cover;padding:130px 0 145px;color: #fff;text-align:center;}
.health-paper .txt46{color: #fff;margin-bottom:90px;}
.health-paper ul{display:flex;flex-wrap:wrap;margin:0 -20px -50px;}
.health-paper ul li{width:16.6666%;padding:0 20px;margin-bottom:50px;}
.health-paper ul li p{margin-top:15px;line-height:1.333em;}
.health-tum .sec8{background:url('../images/sub/health_tum_bg3.jpg')no-repeat 50% 50%/cover;padding:120px 0 85px;}
.health-tum .sec8 .txt46{color: #fff;text-align:center;margin-bottom:25px;}
.health-tum .sec8 .top-txt{color: #fff;text-align:center;font-weight:200;margin-bottom:50px;}
.health-tum .sec8 ul{display:flex;margin:0 -20px;position:relative;padding-bottom:113px;margin-bottom:30px;}
.health-tum .sec8 ul:after{content:'';width:97px;height:46px;background:url('../images/sub/arr_down.png')no-repeat 50% 50%/contain;position: absolute;left:50%;bottom:0px;transform:translateX(-50%);}
.health-tum .sec8 ul li{width:33.3333%;padding:0 20px;}
.health-tum .sec8 ul li .box{border-radius:20px;background-color: #fff;overflow:hidden;display:flex;padding:30px 15px 25px;}
.health-tum .sec8 ul li .box.type2{background-color: #bfe3f1;}
.health-tum .sec8 ul li .box .icon{margin-right:20px;}
.health-tum .sec8 ul li .box .txt-box{padding-bottom:15px;color: #000;}
.health-tum .sec8 ul li .box .txt-box .bottle{font-size:20px;font-weight:500;margin-bottom:15px;}
.health-tum .sec8 ul li .box .txt-box .bottle span{margin-left:25px;}
.health-tum .sec8 ul li .box .txt-box .water{font-size:24px;font-weight:300;}
.health-tum .sec8 ul li .box .txt-box .price{font-size:20px;margin:5px 0;}
.health-tum .sec8 ul li .box .txt-box .year-price{font-size:30px;font-weight:700;}
.health-tum .sec8 .txt{font-size:45px;text-align:center;color: #fff;line-height: 1.320em;font-weight:200;}


.health-cart .sec1{padding:140px 0;background:url('../images/sub/health_cart_bg1.jpg')no-repeat 50% 50% /cover;}
.health-cart .sec1 .txt46{margin-bottom:75px;text-align:center;color:#fff;}
.health-cart .sec1 ul{display:flex;margin:0 -22px;}
.health-cart .sec1 ul li{width:33.3333%;padding:0 22px;}
.health-cart .sec2{padding-top:117px;}
.health-cart .sec2 .con{position:relative;margin-bottom:160px;}
.health-cart .sec2 .con .txt-box .txt46{line-height:1.435em;margin-bottom:17px;}
.health-cart .sec2 .con .txt-box .txt46 span{font-weight:900;color: #2790d7;}
.health-cart .sec2 .con .txt-box .txt{font-size:20px;line-height:1.5em;}
.health-cart .sec2 .con .img-box{display:flex;position: absolute;right:0;top:70px;z-index: 3;align-items: flex-end;}
.health-cart .sec2 .con .img-box .img:first-child{margin-right:-136px;position:relative;z-index:-1;}
.health-cart .sec2 .con2{background:url('../images/sub/health_cart_bg2.jpg')no-repeat 50% 50%/cover;padding-bottom:190px;padding-top:225px;text-align:center;}
.health-cart .sec2 .con2 p{text-align:center;font-size:30px;font-weight:700;color: #05447f;line-height:1.2em;margin-bottom:50px;}
.health-cart .flex-sec .txt-box .txt46{color: #000;}
.health-cart .sec4{padding-top:133px;color: #000;}
.health-cart .sec4 .con{margin-bottom:77px;display:flex;}
.health-cart .sec4 .con:last-child{margin-bottom:0;}
.health-cart .sec4 .con .img-box{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;}
.health-cart .sec4 .con .info{max-width:660px;}
.health-cart .sec4 .con .info .top-txt{font-size:30px;font-weight:200;}
.health-cart .sec4 .con .info .tit{font-size:40px;font-weight:700;margin:17px 0;}
.health-cart .sec4 .con .info .txt{font-weight:500;margin-bottom:34px;}
.health-cart .sec4 .con .info .papers{display:flex;margin:0 -10px;}
.health-cart .sec4 .con .info .papers .paper{padding:0 10px;}
.health-cart .sec4 .con .info .papers .paper .paper-tit{margin-top:9px;font-size:16px;font-weight:500;text-align:center;}
.health-cart .sec4 .con .info .papers .paper .paper-tit.type2{padding-right:160px;}
.health-cart .sec5{padding-top:265px;padding-bottom:105px;}
.health-cart .sec5 .txt46{text-align:center;margin-bottom:81px;}
.health-cart .sec5 ul{display:flex;flex-wrap:wrap;margin:0 10px -45px;}
.health-cart .sec5 ul li{width:25%;padding:0 36px;text-align:center;margin-bottom:45px;}
.health-cart .sec5 ul li p{margin-top:20px;font-size:20px;font-weight:200;line-height:1.4em;}
.health-cart .sec7{padding:115px 0 165px;}
.health-cart .sec7 .txt46{text-align:center;margin-bottom:85px;}
.health-cart .sec7 ul{display:flex;margin:0 30px;}
.health-cart .sec7 ul li{width:12.5%;padding:0 30px;text-align:center;position:relative;}
.health-cart .sec7 ul li:after{content:'';width:17px;height:34px;background:url('../images/sub/step_arr.png')no-repeat 50% 50%/contain;position: absolute;right:-8px;top:60px;}
.health-cart .sec7 ul li:last-child:after{display:none;}
.health-cart .sec7 ul li .step{font-size:26px;color: #000;font-weight:700;margin:10px 0 7px;}
.health-cart .sec7 ul li .tit{margin-bottom:10px;font-size:20px;font-weight:700;}
.health-cart .sec7 ul li .txt{line-height:1.333em;}
.health-cart .sec8 {background:url('../images/sub/health_cart_bg3.jpg')no-repeat 50% 50%/cover;padding:110px 0 70px;}
.health-cart .sec8 .txt46{text-align:center;color: #fff;margin-bottom:90px;}
.health-cart .sec8 .img-box{display:flex;margin-right:-33px;}
.health-cart .sec8 .img-box .box{width:calc(50% - 33px);margin-right:33px;text-align:center;background-color: #fff;border-radius:15px;padding: 25px 145px 28px;box-shadow:6px 6px 10px rgba(0,0,0,.75);}
.health-cart .sec8 .img-box .box p{font-weight:500;margin-top:11px;}
.health-cart .sec8 .txt{color: #fff;text-align:center;margin:45px 0 20px;font-size:24px;line-height:1em;font-weight:500;}
.health-cart .sec8 .txt span{font-size:18px;font-weight:200;}
.health-cart .sec8 .sm-txt{color: #fff;text-align:center;font-weight:500;}

.environ-led .sec1{padding:100px 0 90px;color: #fff;background:url('../images/sub/environ_bg1.jpg')no-repeat 50% 50%/cover;text-align:center;}
.environ-led .sec1 .txt46{color: #fff;margin-bottom:50px;}
.environ-led .sec1 ul{display: flex;justify-content:center;position:relative;}
.environ-led .sec1 ul li{padding:0 70px;width:33.3333%;}
.environ-led .sec1 ul li .img{box-shadow:7px 10px 15px rgba(0,0,0,.75);border-radius:20px;margin-bottom:40px;}
.environ-led .sec1 ul li .img img{width:100%;}
.environ-led .sec1 ul li .txt-box .light{font-size:20px;font-weight:700;margin-bottom:10px;}
.environ-led .sec1 ul li .txt-box .txt{font-size:18px;font-weight:500;line-height:1.333em;}
.environ-led .sec2{padding:110px 0 130px;}
.environ-led .sec2 .wrap{position:relative;}
.environ-led .sec2 .wrap .img{position: absolute;top:70px;right:40px;}
/* .environ-led .sec2 .txt-box{position:relative;}
.environ-led .sec2 .txt-box:after{content:'';width:491px;height:403px;background:url('../images/sub/cockle.png')no-repeat 50% 50%/contain;position: absolute;right:40px;top:45px;} */
.environ-led .sec2 .txt46{font-weight:700;margin-bottom:35px;}
.environ-led .sec2 .txt46 span{font-size:30px;font-weight:200;margin-left:20px;}
.environ-led .sec2 .need{font-size:24px;font-weight:500;margin-bottom:10px;}
.environ-led .sec2 .txt{font-size:20px;line-height:1.5em;}
.environ-led .sec2 .txt span{color: #000;font-weight:700;}
.environ-led .sec2 .img-box{margin-top:145px;margin-left:105px;}
.environ-led .sec2 .img-box .img{margin-bottom:55px;}
.environ-led .sec2 .img-box ul{display:flex;margin:0 -22px;}
.environ-led .sec2 .img-box ul li{padding:0 22px;}
.environ-led .sec3 {padding:100px 0 150px;background:url('../images/sub/rust_bg.jpg')no-repeat 50% 50%/cover;}
.environ-led .sec3 .txt46{text-align:center;color: #fff;margin-bottom:50px;}
.environ-led .sec3 .img-box{display:flex;margin-right:-48px;}
.environ-led .sec3 .img-box .img{width:calc(50% - 48px);margin-right:48px;}
.environ-led .sec4{padding:115px 0 125px;background:url('../images/sub/laundry_bg.jpg')no-repeat 50% 50%/cover;}
.environ-led .sec4 .txt46{margin-bottom:85px;text-align:center;}
.environ-led .sec4 .circles{display:flex;}
.environ-led .sec4 .circles .circle{margin-right:25px;border-radius:50%;box-shadow:5px 5px 10px rgba(0,0,0,.3);}
.environ-led .sec4 .circles .circle:last-child{margin-right:0;}
.environ-led .sec5{padding:125px 0 150px;background:url('../images/sub/saving_bg.jpg')no-repeat 50% 50%/cover;}
.environ-led .sec5 .txt46{color: #fff;text-align:center;margin-bottom:45px;}
.environ-led .sec5 .con-box{display:flex;background-color: #fff;border-radius:20px;overflow:hidden;color: #000;}
.environ-led .sec5 .con-box .con{padding:50px;height:448px;}
.environ-led .sec5 .con-box .con:first-child{width:calc(50% + 20px);position: relative;}
.environ-led .sec5 .con-box .con:first-child:after{content:'';width:21px;height:42px;background:url('../images/sub/saving_arr.png')no-repeat 50% 50%/contain;position: absolute;right:-21px;top:73px;}
.environ-led .sec5 .con-box .con:last-child{width:calc(50% - 20px);background:url('../images/sub/saving_con_bg.jpg')no-repeat 50% 50%/cover;}
.environ-led .sec5 .con-box .con .strong-txt{font-size:26px;font-weight:700;line-height:1.6em;margin-bottom:20px;}	
.environ-led .sec5 .con-box .con .txt{line-height:1.556em;}
.environ-led .sec5 .con-box .con .control{font-size:24px;font-weight:700;margin-bottom:10px;}
.environ-led .sec6{padding:130px 0 150px;}
.environ-led .sec6 .txt46{text-align:center;margin-bottom:105px;}
.environ-led .sec6 .imgs{display:flex;margin-right:-100px;text-align:center;}
.environ-led .sec6 .imgs .wrap{width:calc(33.3333% - 100px);margin-right:100px;}
.environ-led .sec6 .imgs .img{border-radius:20px;box-shadow:5px 5px 10px rgba(0,0,0,.6);}
.environ-led .sec6 .imgs .img img{width:100%;}
.environ-led .sec6 .imgs p{font-size:24px;font-weight:700;color: #000;margin-top:40px;}
.environ-led .sec7{background:url('../images/sub/flesh_bg.jpg')no-repeat 50% 50%/cover;padding:120px 0 90px;}
.environ-led .sec7 .txt46{color: #fff;white-space:nowrap;}
.environ-led .sec7 .contain{display:flex;justify-content:space-between;}
.environ-led .sec7 .icon-box{display:flex;margin-top:80px;}
.environ-led .sec7 .icon-box .icon{width:210px;height:210px;border-radius:50%;border:1px solid #fff;display:flex;justify-content:center;align-items:center;margin-right:42px;}
.environ-led .sec7 .icon-box .icon:last-child{margin-right:0;}
.environ-led .flex-sec .txt-box{max-width:760px !important;width:100%;}
.environ-led .flex-sec .txt-box .txt46{margin-bottom:160px;}
.environ-led .flex-sec .img-box{min-width:0;width:1%;flex:1 1 auto;margin-right:-18%;}
.environ-led .flex-sec .img-box img{width:100%;}
.environ-led .sec9{padding:150px 0 160px;}
.environ-led .sec9 .txt46{text-align:center;margin-bottom:105px;}
.environ-led .sec9 .txt46 span{color: #4892df;font-weight:700;}
.environ-led .sec9 .txt46 span.type2{color: #05c9ec;}
.environ-led .sec9 ul{display:flex;justifyc-content:center;}
.environ-led .sec9 ul li{width:20%;text-align:center;}
.environ-led .sec9 ul li p{font-size:20px;font-weight:500;margin-top:30px;}
.tap-water{padding:125px 0 70px;background:url('../images/sub/tapwater_fact_bg.jpg')no-repeat 50% 50%/cover;color: #fff;text-align:center;}
.tap-water .txt46{margin-bottom:65px;color: #fff;text-align: center;}
.tap-water .pollution{margin:0 auto 60px;text-align:center;color: #fff;border-radius:40px;font-size:30px;line-height:1.4em;text-align:center;border:1px solid #fff;font-weight:300;display:inline-block;padding:10px 20px;}
.tap-water .img-box{display:flex;margin-right:-44px;margin-bottom:115px;}
.tap-water .img-box .box{width:calc(33.3333% - 44px);margin-right:44px;background-color: #fff;color: #000;padding:40px 80px 50px;border-radius:20px;box-shadow:5px 5px 10px rgba(0,0,0,.5);}
.tap-water .img-box .box p{font-size:24px;font-weight:500;margin-top:15px;}
.tap-water .process{font-size:30px;margin-bottom:20px;font-weight:700;}
.tap-water .txt{font-size:20px;font-weight:300;line-height:1.5em;margin-bottom:30px;}
.tap-water .problem-method{border-radius:20px;box-shadow:10px 10px 10px rgba(0,0,0,.5);display:inline-block;}
.tap-water .sm-txt{font-weight:300;margin-top:27px;}
.product-guide{padding:140px 0 95px;}
.product-guide .sec-tit{color: #000;font-weight:200;font-size:50px;text-align:center;margin-bottom:60px;line-height:1.2em;}
.product-guide .sec-tit span{color: #05c9ec;font-weight:700;}
.product-guide .con-tit{font-size:40px;font-weight:500;color: #000;position:relative;padding-top:15px;margin-bottom:75px;}
.product-guide .con-tit:before{content:'';width:70px;height:1px;background-color: #000;position: absolute;left:0;top:0px;}
.product-guide .method{display:flex;}
.product-guide .method li{padding:0 90px;position:relative;width:33.3333%;}
.product-guide .method li:after{content:'';width:29px;height:58px;background:url('../images/sub/step_arr2.png')no-repeat 50% 50%/contain;position: absolute;right:-18px;top:105px;}
.product-guide .method li:last-child:after{display:none;}
.product-guide .method li .img{text-align:center;border-radius:20px;box-shadow:10px 10px 10px rgba(0,0,0,.4);}
.product-guide .method li .img img{width:100%;}
.product-guide .method li .step{font-size:26px;color: #000;font-weight:700;margin:28px 0 10px;}
.product-guide .method li .txt{font-size:18px;font-weight:500;line-height:1.333em;}
.product-guide .content{margin-bottom:130px;}
.product-guide .content:last-child{margin-bottom:0;}
.product-guide .change-tit{font-size:30px;color: #000;font-weight:500;margin-bottom:44px;}
.product-guide .con{margin-bottom:100px;}
.product-guide .con:last-child{margin-bottom:0;}
.environ-led .sec12{background:url('../images/sub/change_cycle_bg.jpg')no-repeat 50% 50%/cover;padding:115px 0 ;}
.environ-led .sec12 .txt{font-size:50px;color: #fff;text-align:center;margin-bottom:75px;font-weight:200;}
.environ-led .sec12 .txt span{font-weight:700;}
.environ-led .sec12 .img-box{display:flex;margin-right:-66px;}
.environ-led .sec12 .img-box .img{width:calc(50% - 66px);margin-right:66px;box-shadow:10px 10px 10px rgba(0,0,0,.4);border-radius:20px;}
.cobra .sec1{padding:60px 0 120px;background:url('../images/sub/cobra_sec1_bg.jpg')no-repeat 50% 50%/cover;color: #fff;text-align:center;}
.cobra .sec1 .top-txt{font-size:36px;line-height:1.278em;margin-bottom:20px;}
.cobra .sec1 .sm-txt{margin-bottom:60px;font-weight:200;}
.cobra .sec1 .img-box{display:flex;}
.cobra .sec1 .img-box .img{margin-right:40px;}
.cobra .sec1 .img-box .img:last-child{margin-right:0;}
.cobra .sec2 {padding:110px 0 105px;text-align:center;}
.cobra .sec2 .txt46{margin-bottom:20px;}
.cobra .sec2 .txt46 span{color: #209bf9;font-weight:700;}
.cobra .sec2 .check-point{margin-bottom:45px;font-size:56px;font-weight:700;color: #000;}
.cobra .sec2 ul{display:flex;margin:0 -10px;}
.cobra .sec2 ul li{width:20%;padding:0 10px;}
.cobra .sec2 ul li p{margin-top:35px;font-size:20px;font-weight:500;}
.cobra .sec4{padding:115px 0 135px;text-align:center;}
.cobra .sec4 .txt46{margin-bottom:90px;}
.cobra .sec4 .txt46 span{font-weight: 700;color: #2696ff;}
.cobra .sec4 ul{display:flex;justify-content:space-between;margin:0 -10px;}
.cobra .sec4 ul li{padding:0 10px;width:16.6666%;}
.cobra .sec4 ul li .img{border-radius:50%;box-shadow:10px 10px 10px rgba(0,0,0,.2);}
.cobra .sec4 ul li .img img{width:100%;height:100%;}
.cobra .sec4 ul li p{font-size:20px;line-height:1.3em;margin-top:40px;}
.cobra .sec5{padding:95px 0 115px;background:url('../images/sub/cobra_install_bg.jpg')no-repeat 50% 50%/cover;}
.cobra .sec5 .txt46{text-align:center;color: #fff;margin-bottom:15px;}
.cobra .sec5 .sm-txt{font-size:24px;font-weight:200;line-height:1.250em;color: #fff;text-align:center;margin-bottom:55px;}
.cobra .sec5 .con-box{display:flex;margin-right:-48px;}
.cobra .sec5 .con-box .box{width:calc(50% - 48px);margin-right:48px;background-color: #fff;padding:32px 58px 48px 42px;text-align:center;border-radius:20px;}
.cobra .sec5 .con-box .box .txt{font-size:16px;font-weight:500;color: #000;margin-top:15px;}
.cobra .sec5 .box-tit{font-size:24px;color: #000;font-weight:500;margin-bottom:35px;text-align:left;}
.cobra .sec5 .con-box .img-box{display:flex;margin-right:-10px;}
.cobra .sec5 .con-box .img-box .img{width:calc(33.3333% - 10px);margin-right:10px;}
.cobra .sec5 .box2{background-color: #fff;border-radius:20px;padding:32px 58px 48px 42px;margin-top:50px;color: #000;}
.cobra .sec5 .box2 .wrap{display:flex;}
.cobra .sec5 .box2 .big-img{margin-left:17px;margin-right:70px;}
.cobra .sec5 .box2 .items{display:flex;}
.cobra .sec5 .box2 .items .item:first-child{margin-right:50px;}
.cobra .sec5 .box2 .install-txt{margin:12px 0 11px;font-size:24px;font-weight:700;}
.cobra .sec5 .box2 .txt{font-size:16px;line-height:1.5em;font-weight:500;}
.cobra .sec5 .box2 .btm-con{display:flex;align-items:center;margin-top:20px;}
.cobra .sec5 .box2 .btm-con .img{margin-right:20px;}
.cobra .sec6 {padding:105px 0 90px;}
.cobra .sec6 .txt46{margin-bottom:75px;}
.cobra .sec6 .step-txt{display:flex;align-items:center;margin-bottom:65px;}
.cobra .sec6 .step-txt .circle-step{background-color: #000;border-radius:50%;width:183px;height:183px;color: #fff;font-size:46px;font-weight:700;display:flex;justify-content:center;align-items:center;margin-right:50px;}
.cobra .sec6 .step-txt .txt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.cobra .sec6 .step-txt .top-txt{font-size:36px;color: #000;font-weight:200;margin-bottom:10px;}
.cobra .sec6 .step-txt .txt46{margin-bottom:15px;font-weight:700;}
.cobra .sec6 .step-txt .sm-txt{font-size:20px;line-height:1.4em;color: #000;}
.cobra .sec6 .step-con {margin-bottom:85px;}
.cobra .sec6 .step-con:last-child{margin-bottom:0;}
.cobra .sec6 .step-con .con{border:1px solid #ccc;padding:70px;text-align:center;}
.cobra .sec6 .step-con .con .img-box{margin-top:150px;display:flex;align-items:center;}
.cobra .sec6 .step-con .con .img-box .img{max-width:454px;width:100%;}
.cobra .sec6 .step-con .con .img-box .txt-box{text-align:left;margin-left:55px;color: #000;margin-top:65px;}
.cobra .sec6 .step-con .con .img-box .txt-box .recom-txt{font-size:30px;margin-bottom:60px;}
.cobra .sec6 .step-con .con .img-box .txt-box .txt{font-size:20px;line-height:1.4em;}
.cobra .sec6 .step-con .items{display:flex;justify-content:center;color:#000;}
.cobra .sec6 .step-con .items .item:first-child{margin-right:210px;}
.cobra .sec6 .step-con .items .product{font-size:26px;margin:35px 0 40px;}
.cobra .sec6 .step-con .items .txt{font-size:20px;line-height:1.4em;}
.cobra .sec6 .step-con .compare{color: #fff;font-size:30px;max-width:480px;height:88px;line-height:88px;font-size:30px;font-weight:500;border-radius:50px;background-color: #5074b2;margin:80px auto 60px;}
.cobra .sec6 .step-con .steps{display:flex;justify-content:center;color: #000;}
.cobra .sec6 .step-con .steps .item{width:33.3333%;}
.cobra .sec6 .step-con .steps .step{font-size:28px;padding-left:55px;position:relative;display:inline-block;margin:20px 0 40px;}
.cobra .sec6 .step-con .steps .step:before{content:'';width:50px;height:59px;background:url('../images/sub/reason_icon1.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:-15px;}
.cobra .sec6 .step-con .steps .step.type2:before{background-image:url('../images/sub/reason_icon2.png');}
.cobra .sec6 .step-con .steps .step.type3:before{background-image:url('../images/sub/reason_icon3.png');}
.cobra .sec6 .step-con .steps .txt{font-size:20px;line-height:1.4em;}
.cobra .product-guide .sec-tit{text-align:left;margin-bottom:25px;}
.cobra .guide-txt{font-size:24px;color: #000;font-weight:200;margin-bottom:15px;}
.cobra .cycle{font-size:30px;font-weight:700;color: #000;margin-bottom:85px;}
.cobra .product-guide .method li .img{border-radius:50%;box-shadow:none;}
.cobra .product-guide .method li {text-align:center;}
.cobra .product-guide .method li .step{margin:18px 0 10px;}

.shower .sec1{background:url('../images/sub/shower_bg1.jpg')no-repeat 50% 50%/cover;padding:80px 0 135px;}
.shower .sec1 .txt46{color: #fff;text-align:center;margin-bottom:85px;font-weight:400;}
.shower .sec1 .img-box{display:flex;margin-right:-50px;}
.shower .sec1 .img-box .img{width:calc(50% - 50px);margin-right:50px;}
.shower .sec2{background:url('../images/sub/shower_bg2.jpg')no-repeat 50% 50%/cover;padding:145px 0 125px;}
.shower .sec2 .txt-box{margin-left:420px;margin-bottom:70px;}
.shower .sec2 .txt46{margin-bottom:20px;letter-spacing:-.05em;}
.shower .sec2 .txt{font-size:20px;font-weight:200;color: #000;}
.shower .sec2 .img{text-align:right;}
.shower .sec3{padding:110px 0 140px;}
.shower .sec3 .txt46{text-align:center;margin-bottom:110px;}
.shower .sec3 .txt46 span{color: #4892df;font-weight:700;}
.shower .sec3 ul{display:flex;}
.shower .sec3 ul li{width:16.6666%;text-align:center;}
.shower .sec3 ul li .txt{font-size:20px;font-weight:500;line-height:1.4em;margin-top:40px;}
.shower .sec4 {padding:95px 0 130px;background:url('../images/sub/shower_bg3.jpg');}
.shower .sec4 .txt46{text-align:center;color: #fff;margin-bottom:15px;}
.shower .sec4 .top-txt{font-size:24px;font-weight:200;text-align:center;line-height:1.5em;color: #fff;}
.shower .sec4 .circles{display:flex;justify-content:center;margin:70px 0 88px;}
.shower .sec4 .circles .circle{border-radius:50%;box-shadow:5px 5px 5px rgba(0,0,0,.5);margin-right:55px;}
.shower .sec4 .circles .circle:last-child{margin-right:0;}
.shower .sec4 .con-box{background-color: #fff;border-radius:20px;padding:50px 60px 90px;}
.shower .sec4 .con-box .tit{font-size:36px;font-weight:500;color: #000;margin-bottom:15px;}
.shower .sec4 .con-box .txt{font-size:20PX;font-weight:300;color: #000;line-height:1.5em;margin-bottom:40px;}
.shower .sec4 .con-box .info{display:flex;margin:0 -10px;}
.shower .sec4 .con-box .info .item{display:flex;width:50%;padding:0 10px;}
.shower .sec4 .con-box .info .item:first-child{margin-right:0;}
.shower .sec4 .con-box .info .item .img{width:50%;}
.shower .sec4 .con-box .info .item ul{margin-left:42px;margin-top:33px;width:50%;}
.shower .sec4 .con-box .info .item ul li{padding-left:18px;position:relative;color: #000;font-size:20px;line-height: 1.5em;}
.shower .sec4 .con-box .info .item ul li:before{content:'';width:4px;height:4px;background-color: #000;border-radius:50%;position: absolute;left:0;top:11px;}
.shower .sec4 .con-box .tit.type2 {font-weight:200;margin-bottom:32px;margin-top:94px;}
.shower .sec4 .con-box .tit.type2 span{font-weight:700;}
.shower .sec4 .con-box .img-box{display:flex;align-items:flex-end;}
.shower .sec5{padding-top:105px;margin-bottom:90px;}
.shower .sec5 .txt46{margin-bottom:30px;text-align:center;}
.shower .sec5 .sm-txt{font-size:20px;line-height:1.5em;margin-bottom:45px;text-align:center;}
.shower .sec5 .img-box{position:relative;}
.shower .sec5 .txt-box{background-color:rgba(0,100,177,.8);border-radius:20px;color: #fff;padding:45px 70px 45px 60px;position: absolute;bottom:60px;left:94px;}
.shower .sec5 .txt-box .tit{font-size:28px;font-weight:700;}
.shower .sec5 .txt-box .sum-txt{font-size:20px;font-weight: 700;margin:10px 0 15px;}
.shower .sec5 .txt-box .txt{font-size:20px;line-height:1.5em;}
.shower .sec6 .txt46{margin-bottom:90px;text-align:center;}
.shower .sec6 .con-box{display:flex;margin-right:-45px;}
.shower .sec6 .con-box .con{width:calc(50% - 45px);margin-right:45px;border-radius:20px;border:1px solid #ccc;padding:28px 20px 20px;text-align:center;}
.shower .sec6 .con-box .con .img-wrap{margin-bottom:55px;}
.shower .sec6 .con-box .con .img-wrap .img{margin-bottom:-20px;}
.shower .sec6 .con-box .con .tit{color: #000;font-size:30px;font-weight:700;margin-bottom:10px;}
.shower .sec6 .con-box .con .txt{font-weight:500;color: #000;}
.shower .sec7{color: #fff;padding:120px 0 130px;background:url('../images/sub/shower_bg4.jpg')no-repeat 50% 50%/cover;text-align:center;margin-top:120px;}
.shower .sec7 .txt46{color: #fff;text-align:center;margin-bottom:130px;}
.shower .sec7 ul{display:flex;justify-content:center;margin:0 -33px 100px;}
.shower .sec7 ul li{position:relative;text-align:center;padding:0 33px;width:20%;}
.shower .sec7 ul li:after{content:'';width:22px;height:34px;background:url('../images/sub/arr_white.png')no-repeat 50% 50%/contain;position: absolute;right:-14px;top:95px;}
.shower .sec7 ul li:last-child:after{display:none;}
.shower .sec7 ul li .img{border-radius:50%;margin-bottom:20px;box-shadow:7px 7px 10px rgba(0,0,0,.5);width:auto;}
.shower .sec7 ul li .img img{width:100%;height:100%;}
.shower .sec7 ul li .tit{font-size:24px;font-weight:500;}
.shower .sec7 .btm-txt{font-size:36px;font-weight:700;}
.shower .sec7 .sm-txt{font-size:24px;font-weight:300;margin:10px 0 18px;}
.shower .sec7 .txt{font-size:30px;font-weight:300;}
.shower .product-guide{padding-bottom:180px;}
.shower .product-guide .txt46{margin-bottom:130px;}
.shower .product-guide .method li{text-align:center;}
.shower .sec9 .out-txt{text-align:center;color: #000;margin-bottom:45px;}
.shower .sec9 .out-txt .sec-tit{font-size:50px;font-weight:200;margin-bottom:25px;}
.shower .sec9 .out-txt .sm-txt{font-size:20px;font-weight:200;}
.shower .sec9 .bg-con{padding:145px 0 83px;background:url('../images/sub/shower_bg5.jpg')no-repeat 50% 50%/cover;}
.shower .sec9 .test-wrap{margin-bottom:60px;}
.shower .sec9 .test-wrap:last-child{margin-bottom:0;}
.shower .sec9 .test-wrap .tit{color:#fff;font-size:36px;font-weight:500;text-align:center;margin-bottom:15px;}
.shower .sec9 .test-wrap .sm-txt{color: #fff;font-size:20px;line-height:1.5em;margin-bottom:55px;text-align:center;}
.shower .sec9 .test-wrap .con-box{background-color: #fff;border-radius:20px;padding:36px 90px 53px;}
.shower .sec9 .test-wrap .top-con{display:flex;margin-right:-150px;margin-bottom:55px;}
.shower .sec9 .test-wrap .top-con .con-wrap{width:calc(50% - 150px);margin-right:150px;}
.shower .sec9 .test-wrap .top-con .con-wrap .wrap{display: flex;margin-right:-60px;}
.shower .sec9 .test-wrap .top-con .con-wrap .wrap .item{width:calc(50% - 60px);margin-right:60px;text-align:center;}
.shower .sec9 .test-wrap .top-con .con-wrap .wrap .radi-tit{max-width:175px;height:44px;line-height:44px;border-radius:30px;color: #fff;font-size:20px;font-weight:500;background-color: #337eb8;margin:0 auto 55px;}
.shower .sec9 .test-wrap .top-con .con-wrap .txt{text-align:center;margin-top:30px;font-size:20px;color: #000;font-weight:500;}
.table01 .table-tit{font-size: 26px;font-weight:500;color: #000;margin-bottom:10px;}
.table01 table{width:100%;border-spacing:0;text-align:center;color: #000;border-bottom:1px solid #787878;}
.table01 table th{font-weight:500;}
.table01 table th,
.table01 table td{padding:12px 10px 15px;border:1px solid #787878;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th,
.table01 tr td {border-right:0;}
.table01 tr th,
.table01 tr td {border-bottom:0;}

.energy{background:url('../images/sub/energy_bg.jpg')no-repeat 50% 50%/cover;padding:82px 0 154px;}
.energy .txt46{color: #fff;text-align:center;margin-bottom:80px;}
.energy .img-box{display:flex;margin-right:-60px;}
.energy .img-box .img{width:calc(33.3333% - 60px);margin-right:60px;border-radius:20px;box-shadow:10px 10px 10px rgba(0,0,0,.5);}
.energy .img-box .img img{width:100%;}