@charset "utf-8";
div#contents{margin-bottom: 0}

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; flex-wrap: wrap}
li.cont1-boxlist{position:relative; box-sizing: border-box; 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: 10px; 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}
	
	div.cont1-boxlist{margin-top: 50px}
	li.cont1-boxlist{padding: 2rem 1rem}
	span.cont1-boxlist{top: -1rem; width: 2rem; height: 2rem}
	h5.cont1-boxlist{font-size: 1.07rem; margin-bottom: 1rem}
}
@media screen and (max-width:428px){
}
@media screen and (min-width:429px) and (max-width:767px){
	li.cont1-boxlist{width: calc((100% - (1rem * 2)) / 2); flex: 1 1 auto}
}
@media screen and (max-width:767px){
	li.cont1-list{width: 100%}
	
	ul.cont1-boxlist{gap: 2rem 1rem}
}
@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% - (10px * 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%)  */
	
	ul.cont1-boxlist{gap: 1rem}
	li.cont1-boxlist{flex: 1}
	
}
@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 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: 5rem}
	ul.cont1-boxlist{gap: 1.25rem}
	li.cont1-boxlist{padding: 3.12rem 1.25rem; flex: 1}
	span.cont1-boxlist{top: -1.56rem; width: 3.12rem; height: 3.12rem}
	h5.cont1-boxlist{font-size: 1.25rem; margin-bottom: 1.25rem}
}
section#section2{margin-bottom: 0}
div.cont2-img{display: flex; justify-content: center}
div.cont2-img img{max-width:100%}

div.cont2-back{background: url(/image/blower/cont2_backimg.jpg) no-repeat 50% 0; background-size: cover}
div.cont2-back h4.subTitle{color: #fff}
div.cont2-back p.subTitle{color: #fff; font-weight:300; max-width: 1000px; width: 100%; margin: 0 auto 10px}
@media screen and (max-width:1280px){
	div.cont2-img{margin-bottom: 3.33rem}
	
	div.cont2-back{padding: 3.33rem 0}
	div.cont2-back h4.subTitle{margin-bottom: 2rem}
}
@media screen and (min-width:1281px){
	div.cont2-img{margin-bottom: 6.25rem}

	div.cont2-back{padding: 6.25rem 0}
	div.cont2-back h4.subTitle{margin-bottom: 3.12rem}
}
