@charset "utf-8";

ul.cont1-list{display: flex; flex-wrap:wrap}
div.cont1-list-img{display: flex; justify-content: center; align-items: center}
div.cont1-list-img-chart{} /* 잉가솔랜드 > 블로워 (BLOWER) > chart */
div.cont1-list-img img{max-width:100%}
h2.cont1-list-text{text-align: center}
p.cont1-list-text{text-align: center}
span.cont1-list-text{display: block; text-align: center; color: var(--color-text-light)}

ul.cont1-boxlist{display: flex}
li.cont1-boxlist{position:relative; background: var(--color-background-secondary)}
span.cont1-boxlist{position: absolute; display: flex; background: var(--color-background-primary); color: #fff; justify-content: center; align-items: center}
p.cont1-boxlist{color: var(--color-text-light); line-height: 170%; font-weight: 300}
@media screen and (max-width:1280px){
	div.cont1-list{margin-top: 2rem}
	ul.cont1-list{gap: 2.67rem; justify-content:center; flex-wrap:wrap}
	div.cont1-list-text{margin-top: 1.33rem}
	h2.cont1-list-text{font-size: 1.14rem; margin-bottom: 10px}
	p.cont1-list-text{font-size: 1.07rem; margin-bottom: 3px}
	span.cont1-list-text{font-size:14px}
}
@media screen and (max-width:767px){
	li.cont1-list{width: 100%}
}
@media screen and (min-width:768px) and (max-width:1280px){
	ul.cont1-list-thumb{align-items: center}
	div.cont1-list-img img{width:100%}
	li.cont1-list{width: calc((100% - (2.67rem * 2)) / 3)}
	li.cont1-list-chart{width: calc(2 * (100% - (3.12rem * 2)) / 3)}
	li.cont1-list-thumb{width: calc((100% - 3.12rem) / 2)} /* 이미지(50%), 제품(50%)  */
	li.cont1-list-text{width: calc((100% - 3.12rem) / 2)} /* 이미지(50%), 제품(50%)  */
}
@media screen and (min-width:1281px){
	div.cont1-list{margin-top: 3.12rem}
	ul.cont1-list{gap: 3.12rem}
	li.cont1-list{width: calc((100% - (3.12rem * 2)) / 3)}
	li.cont1-list-chart{width: calc(2 * (100% - (3.12rem * 2)) / 3)}
	li.cont1-list-thumb{width: calc((100% - 3.12rem) / 2)} /* 이미지(50%), 제품(50%)  */
	li.cont1-list-text{width: calc((100% - 3.12rem) / 2)} /* 이미지(50%), 제품(50%)  */
	div.cont1-list-img{}
	div.cont1-list-img img{width:100%}
	div.cont1-list-text{margin-top: 2.5rem}
	h2.cont1-list-text{font-size: 1.13rem; margin-bottom: 0.94rem}
	p.cont1-list-text{margin-bottom: 5px}
	
	div.cont1-boxlist{margin-top: 80px}
	ul.cont1-boxlist{gap: 20px}
	li.cont1-boxlist{padding: 50px 20px; flex: 1}
	span.cont1-boxlist{top: -25px; width: 50px; height: 50px}
	h5.cont1-boxlist{font-size: 20px; margin-bottom: 20px}
}

ul.cont2-list{display: flex; flex-direction: column}
li.cont2-list{display: flex}
li.cont2-list .img{width: 100%}
span.cont2-list{display: block; font-weight: 700; color: var(--color-primary)}
p.cont2-list{line-height: 160%; color: var(--color-text-light)}

div.cont2-img{display: flex; justify-content: center}
@media screen and (max-width:1280px){
	li.cont2-list .img{display:flex; align-items:center}
	span.cont2-list{font-size:1.6rem; margin-bottom: 10px}
	h2.cont2-list{font-size: 1.33rem; margin-bottom: 1.33rem}
	p.cont2-list{font-size: 1.04rem}
}
@media screen and (max-width:428px){
	li.cont2-list .img{height: 10.71rem}
}
@media screen and (min-width:429px) and (max-width:767px){
	li.cont2-list .img{width:50%; min-height: 21.43rem}
	li.cont2-list .img img{width: 100%}
	li.cont2-list .text{width:50%}
}
@media screen and (max-width:767px){
	ul.cont2-list{gap: 2.14rem}
	li.cont2-list{gap: 1.43rem; flex-direction: column}
	li.cont2-list:nth-child(2n-1){flex-direction: column-reverse}
	li.cont2-list .img{display: flex; justify-content: center; align-items: center; overflow: hidden}
}
@media screen and (min-width:768px) and (max-width:1280px){
	ul.cont2-list{gap: 5.33rem}
	li.cont2-list{gap: 4.67rem; align-items: center}
	li.cont2-list .img{width:50%; min-height: 21.43rem}
	li.cont2-list .img img{width: 100%}
	li.cont2-list .text{width:50%}
}
@media screen and (min-width:1281px){
	ul.cont2-list{gap: 100px}
	li.cont2-list{gap: 100px; align-items: center}
	li.cont2-list .img img{width: 100%}
	div.cont2-list-left.img{width: 50%}
	div.cont2-list-right.text{width: 50%}
	span.cont2-list{font-size: 3.25rem; margin-bottom: 1.25rem}
	h2.cont2-list{font-size: 2.5rem; margin-bottom: 1.87rem}
	p.cont2-list{font-size: 1.13rem}
}

.prd-text-wrap{display:flex; flex-direction:column; justify-content:center}
.prd-title{color:var(--color-primary); font-weight:700}
.prd-spec-txt{position:relative; display:flex; align-items:center; color:var(--color-text-lighter); font-weight:500}
.prd-spec-txt:before{content:''; display:block; border-radius:50%; background:var(--color-primary)}
.prd-desc-title{font-weight:600}
.prd-desc-txt{color:var(--color-text-light)}
.prd-desc-txt:last-child{margin:0}
@media screen and (max-width:1280px){
	.prd-title{font-size:2rem}
	.prd-spec{margin:2rem 0}
	.prd-spec-txt{font-size:1.4rem}
	.prd-spec-txt:before{width:4px; height:4px; margin:0 8px 0 0}
	.prd-desc-title{margin:0 0 1.4rem 0; font-size:1.2rem}
	.prd-desc-txt{margin:0 0 1rem 0}
}
@media screen and (min-width:429px) and (max-width:1280px){
	.prd-text-wrap{min-height:100%}
}
@media screen and (min-width:1281px){
	.prd-text-wrap{height:100%}
	.prd-title{font-size:2.95rem}
	.prd-spec{margin:2rem 0}
	.prd-spec-txt{font-size:1.6rem}
	.prd-spec-txt:before{width:6px; height:6px; margin:0 12px 0 0}
	.prd-desc-title{margin:0 0 1.4rem 0; font-size:1.5rem}
	.prd-desc-txt{margin:0 0 1rem 0}
}