/*프로젝트 컨텐츠-이조타*/
.pjt-content.green .green-main{position: relative;}
.pjt-content.green .green-main .abs-green01{position: absolute; width: 100%; text-align: center; top: 30px; color: #fff}
.pjt-content.green .a-logo img{max-width:406px}
.pjt-content.green .green-tcon{border-bottom: 1px dashed #e45434}
.pjt-content.green .green-test{position: relative; }
.pjt-content.green .green-test .abs-test{width: calc(100% - 20px);position: absolute; bottom: 20px; padding-left: 20px; color: #fff}
.pjt-content.green .green-test .abs-test span{float: left; line-height: 54px}
.pjt-content.green .green-test h2{width: 100%; display: inline-block;}
.pjt-content.green .green-nred-box{text-align: right; width: 49px; background: #e45434; padding-right: 5px; margin-right: 10px }
.pjt-content.green .green-tred{color: #e45434 !important}
.pjt-content.green .green-cred{background: rgb(0,0,0,0.3); float: left; display: block; padding: 0 10px; margin-top: 10px}
.pjt-content.green .green-report{width: 100%; box-sizing: border-box; padding: 30px 0; border: 3px solid #e45434; text-align: center; margin-bottom: 10px}
.pjt-content.green .green-report img{max-width: 448px}

.pjt-content.green .green-ingre{margin: 0; padding: 0}
.pjt-content.green .green-ingre li{width: 100%; float: left; position: relative;}
.pjt-content.green .green-ingre li .abs-cont{width: 100%; padding: 30px; box-sizing: border-box; position: absolute;}
.pjt-content.green .abs-cont .box-pic{width: 39%; float: left; max-width: 226px}
.pjt-content.green .abs-cont .box-text{width: 61%; float: left; color: #fff; padding-left: 20px; box-sizing: border-box;}
.pjt-content.green .abs-cont .green-bar img{max-width: 25px}

.pjt-content.green .green-rev{width: 100%; display: inline-block;}
.pjt-content.green .green-rev span.img{width: 25.4%; max-width: 166px; float: left;}
.pjt-content.green .green-rev span.text{width: 74.6%; padding-left: 20px; box-sizing: border-box; float: left;}

.pjt-content.green .green-special{width: 100%; margin: 0; padding: 0}
.pjt-content.green .green-special li{float: left; width: 29.3333%; margin: 0 2%; text-align: center; margin-bottom: 20px}
.pjt-content.green .green-special li:nth-child(4), .pjt-content.green .green-special li:nth-child(5){margin-bottom: 0}
.pjt-content.green .green-special li img{max-width: 130px; margin-bottom: 10px}

.pjt-content.green .use-tit img{max-width: 418px}
.pjt-content.green .green-use{padding: 0 20px}

.pjt-content.green .green-res .b{line-height: 57px; margin-bottom: 20px}
.pjt-content.green .green-res span.img{width: 57px; float: left; border-radius: 50%; border: 1px solid #d7d6d6; margin-right: 20px}
.pjt-content.green .green-res span.img img{border-radius: 50%}
.pjt-content.green .bg-tred{background: #ff4219; line-height: 75px; color: #fff}
.pjt-content.green .green-res{padding: 20px; box-sizing: border-box; width: 100%; display: inline-block; border: 1px solid #e45434}
.pjt-content.green .green-res h4{display: inline-block;}

.pjt-content.green .green-rew{width: 100%; display: inline-block;}
.pjt-content.green .green-rew .img{width: 35%; max-width: 229px; float: left;}
.pjt-content.green .green-rew .text{width: 65%; float: left; padding-left: 20px; box-sizing: border-box;}
.pjt-content.green .green-rew .text img{max-width: 181px}

.pjt-content.green .green-logo{text-align: center; background: url(/assets/_Img/project/green/green50.png) 100% center; padding: 30px 0; border: 1px solid #d9d9d9; margin-bottom: 20px}

@media only screen and (max-width:780px){
	.pjt-content.green .green-nred-box{width: 25px;}
	.pjt-content.green .green-test .abs-test span{line-height: 30px}
	.pjt-content.green .green-report{border: 2px solid #e45434;}
	.pjt-content.green .green-cred{margin-top: 5px}
}
@media only screen and (max-width:680px){
	.pjt-content.green .ingre-bg{display: none;}
	.pjt-content.green .green-ingre li:last-child .abs-cont{padding: 30px 20px 0px 20px}
	.pjt-content.green .green-ingre li .abs-cont{position: relative; display: inline-block;padding: 30px 20px}
	.pjt-content.green .abs-cont .box-text{color: #222; padding-left: 15px}
	.pjt-content.green .abs-cont .box-text .green-bar{display: none;}
}
@media only screen and (max-width:580px){
	.pjt-content.green .a-logo img{max-width:306px}
}
@media only screen and (max-width:480px){
	.pjt-content.green .a-logo img{max-width:276px}
	.pjt-content.green .green-ingre li .abs-cont{padding: 30px 0px}
}
@media only screen and (max-width:420px){
	.pjt-content.green .green-main .abs-green01 h4{text-align: justify !important; padding: 0 15px}
	.pjt-content.green .green-main .abs-green01 h4 span{display: inline;}
	.pjt-content.green .nonebr span{display: inline}
	.pjt-content.green .align-j{text-align: justify !important;}
	.pjt-content.green .green-rev span.img{width: 100%; text-align: center; max-width: 420px; margin-bottom: 10px}
	.pjt-content.green .green-rev span.img img{max-width: 165px}
	.pjt-content.green .green-rev span.text{width: 100%; padding-left: 0}
	.pjt-content.green .green-special li{width: 46%;}
	.pjt-content.green .green-special li:nth-child(4){margin-bottom: 20px}
	.pjt-content.green .green-special li:nth-child(5){margin-bottom: 0}
}