@charset "utf-8";
/* *******************************************************
 * filename : language.css
 * description : 영문  CSS
 * date : 2020-11-24
******************************************************** */

/* ******************  Layout.css ********************** */
html[lang="en"] *{letter-spacing: 0 !important;}

/* ******************  Main.css ********************** */

/* ******************  Content.css ********************** */
.location-bottom-right {padding-left: 3%;}

/* -------- ESG -------- */
.esg02-list-box {max-width: 125.4rem;}
html[lang="en"] .esg-cm-list li {width: 28rem;}

@media all and (max-width:1280px){
	html[lang="en"] .esg-cm-list li {width: 24rem;}
	html[lang="en"] .esg02-list-box ul:before {top: 11rem; height: 16.9rem;}
	html[lang="en"] .esg02-list-box .tit {margin-bottom: 3rem; height: 2.4em;}
	html[lang="en"] .esg02-list-box ul .center { padding: 5rem 0 5.5rem;}
	html[lang="en"] .esg02-list-box ul .bottom {height: 16rem;}
}
@media all and (max-width:800px){
	html[lang="en"] .esg-tit { font-size: 3.2rem;}
	html[lang="en"] .esg-tit02 {font-size: 2.6rem;}
	html[lang="en"] .esg02-list-box ul li:nth-child(1) .center ,
	html[lang="en"] .esg02-list-box ul li:nth-child(1) .bottom {font-size: 1.5rem;}
	html[lang="en"] .esg02-list-box .tit,
	html[lang="en"] .esg02-list-box ul .center .item-tit  {font-size: 1.4rem;}
	html[lang="en"] .esg02-list-box ul:before { height: 15.9rem; }
}
@media all and (max-width:640px){
	html[lang="en"] .esg-cm-list li {width: 100%;}
}

/* -------- Product -------- */
/* 황토볼 */
.key-intro-list li {height: auto;}
.pd-con.key-intro {padding: 20rem 0;}
.pd-specifications-list.pd01 li {max-width: none;}
.pd-specifications-list.pd01 li.s-item {max-width: none;}
.pd-specifications-list.pd01 li .inner {padding:  0 2.5rem 1rem;}
.pd01-materials-con {max-width: none;}
.pd01-materials-item .top-con .img {width: 55%;}
.pd01-materials-item .top-con .txt-list {width: 45%;}
.pd-con.plant {padding: 18rem 0;}

@media all and (max-width:1280px){
	html[lang="en"] .pd-con.intro:after {height: 65rem;}
	html[lang="en"] .pd01-materials-item .top-con {left: 1rem;}
	html[lang="en"] .pd01-materials-item.item02 .top-con {left: -1rem;}		
	html[lang="en"] .pd01-materials-item .top-con .img {width: 45%;}
	html[lang="en"] .pd01-materials-item .top-con .txt-list {width:55%; box-sizing: border-box;}
	html[lang="en"] .pd01-materials-item.item01 .top-con .txt-list {padding-right: 1rem;}
	html[lang="en"] .pd01-materials-item.item02 .top-con .txt-list {padding-left: 1rem;}	
	html[lang="en"] .pd01-materials-item.item01 .top-con .txt-list li {margin-right: 0 !important;}
	html[lang="en"] .pd01-materials-item.item02 .top-con .txt-list li {margin-left: 0 !important;}
	html[lang="en"] .pd01-materials-item .top-con .txt-list li strong {font-size: 1.6rem;}
	html[lang="en"]  .pd01-materials-item .top-con .img .inner .tit {font-size: 2.4rem;}
}
@media all and (max-width:800px){
	html[lang="en"] .pd-con.intro:after {height: 75%;}
	html[lang="en"]  .pd01-materials-item .top-con {left: 0;}
	html[lang="en"]  .pd01-materials-item .top-con .img {width: 100%;}
	html[lang="en"]  .pd01-materials-item .top-con .txt-list {width: 100%;}
	html[lang="en"] .pd01-materials-item .top-con .txt-list li strong {width: calc(100% - 5.4rem);}
	html[lang="en"] .pd01-materials-item.item01 .top-con {width: 100%;}
	html[lang="en"] .pd01-materials-item.item02 .top-con {left: 0;}
}

/* 천연충전재 */
.pd-specifications-list.pd02 li { max-width: 50rem;}
.pd02-materials-item .img-box .bg {padding-top: 100%;}
.pd02-materials-item .txt-box {padding: 2rem 6rem;}

@media all and (max-width:1280px){
	.pd02-materials-item .txt-box dl dt strong {font-size: 2.4rem;}
}

/* 천연잔디 보호매트 */
.pd-structures-con .img {padding-top: 112.8%;}
.pd-structures-box {padding: 2.9rem 2rem 2.5rem;}

@media all and (max-width:800px){
	.pd-structures-con .img {padding-top: 100%;}
}

.inquiry-style09 .inquiry-txt-con {width: 41%; padding-right: 2rem;}
.inquiry-style09 .bbs-write-con {width: 59%;}

@media all and (max-width:800px){
	.inquiry-style09 .inquiry-txt-con {width: 100%; padding-right: 0;}
	.inquiry-style09 .bbs-write-con {width: 100%;}
}


/* -------- Company :: CEO인사말 -------- */
@media all and (max-width:800px){
	/* html[lang="ko"] 사용하면 css우선순위가 높아집니다. */
}