@charset "utf-8";

span.product-text{display: block; text-align: center; margin-bottom: 20px; color: var(--color-primary); font-weight: 700}
@media screen and (max-width:1280px){
	span.product-text{font-size: 1.07rem}
}
@media screen and (min-width:1281px){
	span.product-text{font-size: 1.13rem}
}

div.cont1-text h4.subTitle{text-align: center}
div.cont1-text p.subTitle{text-align: center; color:var(--color-text-light)}
div.cont1-img{display: flex; justify-content: center}
div.cont1-img img{max-width: 100%}
@media screen and (max-width:1280px){
	div.cont1-text h4.subTitle{margin-bottom: 10px}
	div.cont1-img{margin-top: 2rem}
}
@media screen and (min-width:1281px){
	div.cont1-text h4.subTitle{margin-bottom: 0.94rem}
	div.cont1-img{margin-top: 3.12rem}
}


div.cont.cont2{display: flex}
div.cont2-list{width: 100%}
ul.cont2-list{display: flex; flex-direction: column}
li.cont2-list{display: flex}

div.cont2-list-num{aspect-ratio: 1 / 1; background-color: var(--color-background-primary); color: #fff; display: flex; justify-content: center; align-items: center}
div.cont2-list-text{display: flex; height: 100%; width: 100%; align-items: center; background-color: var(--color-background-secondary)}

table.cont2-table{width: 100%}
th.cont2-table{background-color: var(--color-background-primary); color: #fff; border: 1px solid var(--color-primary)}
td.cont2-table{color: var(--color-text-light); text-align: center; border: 1px solid var(--color-border)}
@media screen and (max-width:1280px){
	div.cont.cont2{gap: 2rem; flex-direction: column;}
	ul.cont2-list{gap: 5px}

	div.cont2-list-num{font-size: 14px;height: 30px}
	div.cont2-list-text{padding: 0 10px; height: 30px}

	div.cont2-table{flex: 1 1 auto}
	th.cont2-table{padding: 10px}
	td.cont2-table{padding: 10px}
}
@media screen and (min-width:1281px){
	div.cont.cont2{gap: 50px}
	div.cont2-list{max-width: 500px}
	ul.cont2-list{gap: 5px}
	li.cont2-list{height: 50px}

	div.cont2-list-num{height: 100%; font-size: 1.13rem}
	div.cont2-list-text{padding: 0 15px}

	div.cont2-table{flex: 1 1 auto}
	th.cont2-table{padding: 15px}
	td.cont2-table{padding: 10px}
}

div.cont3-text h4.subTitle{text-align: center}
div.cont3-text p.subTitle{text-align: center; color:var(--color-text-light)}
ul.cont3-list{display: flex}
li.cont3-list{position:relative}

div.cont3-list-in{display: flex; flex-direction: column; justify-content: center; align-items: center}
div.cont3-list-icon {aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; background-color: var(--color-background-secondary); border-radius: 50%}
div.cont3-list-icon svg{display:block; aspect-ratio: 1 / 1; fill:#52504F}
li.cont3-list-svg div.cont3-list-icon svg{fill:var(--color-primary)}

p.cont3-list-text{display:flex; justify-content:center; align-items:center; font-weight: 700; text-align: center; line-height:1.2em}
p.cont3-list-title{margin:2.5rem 0 0 0; font-weight:700; text-align:center; line-height:1.2em}
p.cont3-list-desc{margin:1rem 0 0 0; text-align:center; line-height:1.2em}
li.cont3-list-svg p.cont3-list-desc{height:initial; padding:0; margin:1.875rem 0 0 0; line-height:1.8125em}
@media screen and (max-width:1280px){
	div.cont3-text{margin-bottom: 3.33rem}
	div.cont3-text h4.subTitle{margin-bottom: 10px}
	div.cont3-img{margin-top: 2rem}
	div.cont3-text h4.subTitle{margin-bottom: 0.94rem}
	div.cont3-img{margin-top: 3.12rem}

	ul.cont3-list{justify-content: space-between; max-width: 45.3rem; gap:2rem; margin: 0 auto; flex-wrap:wrap}
	li.cont3-list{display: flex; flex: 1 1 auto; justify-content: center}

	p.cont3-list-text{font-size: 1.13rem; margin-top: 1rem}
}
@media screen and (max-width:428px){
	div.cont3-list-icon {width: 5.33rem}
	div.cont3-list-icon img{width: 1.67rem}
	div.cont3-list-icon svg{width: 1.67rem}
}
@media screen and (min-width:429px) and (max-width:1280px){
    li.cont3-list{width: calc((100% - (2rem * 2)) / 3)}
	div.cont3-list-icon {width: 6.67rem}
	div.cont3-list-icon img{width: 2.67rem}
	div.cont3-list-icon svg{width: 2.67rem}
}
@media screen and (min-width:1281px){
	div.cont3-text{margin-bottom: 5rem}
	div.cont3-text h4.subTitle{margin-bottom: 0.94rem}
	div.cont3-img{margin-top: 3.12rem}

	ul.cont3-list{justify-content: space-between}
	ul.cont3-list-svg{gap:2rem}
	li.cont3-list-svg{width:calc((100% - 2rem) / 4)}

	div.cont3-list-icon {width: 11.25rem}
	li.cont3-list-svg div.cont3-list-icon{width:8.75rem}
	div.cont3-list-icon img{width: 3.75rem}
	div.cont3-list-icon svg{width: 3.75rem}
	li.cont3-list-svg div.cont3-list-icon svg{width: 2.6875rem}
	p.cont3-list-text{height:2.4em; font-size: 1.25rem; white-space: pre-line; margin-top: 1.25rem}
	p.cont3-list-title{font-size:1.875rem}
	p.cont3-list-desc{display:flex; justify-content:center; align-items:center; height:3.6em; padding:0 0.5rem}
}


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


/* 인버터 냉동기(Inverter Chiller) */
#contents.inverter-chiller{}
section#section5{background: url(/image/energy/cont5_backimg.jpg) no-repeat 50% 0; background-size: cover}
div.cont5-text h4.subTitle{text-align: center; color:#fff}
div.cont5-text p.subTitle{text-align: center; color:#fff}
ul.cont5-img{display: flex}
div.cont5-img img{max-width:100%}
@media screen and (max-width:1280px){
	#contents.inverter-chiller{margin:0}
	section#section5{padding: 6.67rem 0; margin:0}
	div.cont5-text{margin-bottom: 3.33rem}
	div.cont5-text h4.subTitle{margin-bottom: 10px}
}
@media screen and (max-width:767px){
	ul.cont5-img{gap: 4rem; flex-direction: column}
}
@media screen and (min-width:768px) and (max-width:1280px){
	ul.cont5-img{gap: 2rem; justify-content: space-between}
}
@media screen and (min-width:1281px){
	#contents.inverter-chiller{margin:0}
	section#section5{padding: 12.5rem 0; margin:0}
	div.cont5-text{margin-bottom: 5rem}
	div.cont5-text h4.subTitle{margin-bottom: 0.94rem}
	ul.cont5-img{gap: 3.12rem; justify-content: space-between}
}



div.cont6-img{display: flex; justify-content: center}
div.cont6-img img{max-width:100%}
ul.cont6-boxlist{display: flex; flex-wrap: wrap}
li.cont6-boxlist{position:relative; box-sizing: border-box; background: var(--color-background-secondary)}
span.cont6-boxlist{position: absolute; display: flex; background: var(--color-background-primary); color: #fff; justify-content: center; align-items: center}
p.cont6-boxlist{color: var(--color-text-light); line-height: 170%; white-space: pre-line; font-weight: 300}

@media screen and (max-width:1280px){
	div.cont6-boxlist{margin-top: 50px}
	li.cont6-boxlist{width: 100%; padding: 2rem 1rem}
	span.cont6-boxlist{top: -1rem; width: 2rem; height: 2rem}
	h5.cont6-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.cont6-boxlist{width: calc((100% - (1rem * 2)) / 2); flex: 1 1 auto}
}
@media screen and (max-width:767px){
	ul.cont6-boxlist{gap: 2rem 1rem}
}
@media screen and (min-width:768px) and (max-width:1280px){
	ul.cont6-boxlist{gap: 1rem}
	li.cont6-boxlist{flex: 1}
	
}
@media screen and (min-width:1281px){
	div.cont6-boxlist{margin-top: 5rem}
	ul.cont6-boxlist{gap: 1.25rem}
	li.cont6-boxlist{padding: 3.12rem 1.25rem; flex: 1}
	span.cont6-boxlist{top: -1.56rem; width: 3.12rem; height: 3.12rem}
	h5.cont6-boxlist{font-size: 1.25rem; margin-bottom: 1.25rem}
}


div.cont7-text h4.subTitle{text-align: center}
div.cont7-text p.subTitle{text-align: center; color:var(--color-text-light)}
ul.cont7-img{display: flex}
li.cont7-img{box-sizing: border-box}
li.cont7-img img{max-width: 100%}

h2.cont7-img-title{text-align: center}
span.cont7-text{display: block; text-align: center; width: fit-content; background-color: var(--color-background-secondary); font-weight: 700; color: var(--color-text-light); border-radius: 500px}
p.cont7-img-title{color: var(--color-text-light); text-align: center}
h3.cont7-img-title{text-align: center}
@media screen and (max-width:1280px){
	div.cont7-text{margin-bottom: 3.33rem}
	div.cont7-text h4.subTitle{margin-bottom: 10px}
	ul.cont7-img{flex-direction: column; gap: 6.67rem}
	li.cont7-img{display: flex; flex-direction: column; align-items: center; max-width: 33.33rem; margin: 0 auto}

	h2.cont7-img-title{font-size: 1.33rem; margin-bottom: 1rem}
	span.cont7-text{padding: 3px 1rem; margin: 0 auto 1.33rem}
	h3.cont7-img-title{font-size: 1.07rem; margin: 2rem 0}
}
@media screen and (min-width:1281px){
	div.cont7-text{margin-bottom: 5rem}
	div.cont7-text h4.subTitle{margin-bottom: 0.94rem}
	li.cont7-img{padding: 6.25rem 10px;width: 50%;}
	li.cont7-img:first-child{border-right: 1px solid var(--color-border)}
	li.cont7-img:last-child{ display: flex; flex-direction: column; align-items: center}

	h2.cont7-img-title{font-size: 1.87rem; margin-bottom: 1.25rem}
	span.cont7-text{padding: 5px 1.25rem; margin: 0 auto 1.87rem; font-size: 1.13rem}
	p.cont7-img-title{font-size: 1.13rem}
	h3.cont7-img-title{font-size: 1.5rem; margin: 3.12rem 0 1.87rem}
}

/* 완전한 보호, 리스크 제거(.sect-bg-0) */
.sect-bg-0{background: url(/image/packageCARE/packageCARE-bg0.jpg) no-repeat 50% 0; background-size: cover}
.sect-bg-1{background: url(/image/packageCARE/packageCARE-bg1.jpg) no-repeat 50% 0; background-size: cover}

.sect-row{display:flex}
.sect-row-img img{display:block; max-width:100%}
.sect-row-text-qr-img{display:block; aspect-ratio:1/1}
.sect-row-text-qr-link{display:flex; align-items:center}
.sect-row-text-qr-ico{display:flex; justify-content:center; align-items:center; aspect-ratio:1/1; box-sizing:border-box; border-radius:50%; background:var(--color-primary)}
.sect-row-text-qr-ico svg{display:block; fill:#fff}
.sect-row-text-qr-txt{font-weight:700; color:var(--color-text)}
@media screen and (max-width:1280px){
	.sect-row-text-qr{display:flex; align-items:flex-end; margin:3.125rem 0 0 0}
	.sect-row-text-qr-img{display:block; width:4rem}
	.sect-row-text-qr-link{margin:0 0 0 1rem}
	.sect-row-text-qr-ico{width:2rem}
	.sect-row-text-qr-ico svg{width:0.625rem; height:0.625rem}
	.sect-row-text-qr-txt{padding:0 0 0 0.625rem}
}
@media screen and (max-width:767px){
	.sect-row{flex-direction:column}
	.sect-row-img{margin:3rem 0 0 0}
}
@media screen and (min-width:768px) and (max-width:1280px){
	.sect-row{flex-direction:row; align-items:center}
	.sect-row-text{flex:1; padding-right:3vw; box-sizing:border-box}
	.sect-row-img{width:20rem}
}
@media screen and (min-width:1281px){
	.sect-row{flex-direction:row; align-items:center}
	.sect-row-text{flex:1}
	.sect-row-text-qr{display:flex; align-items:flex-end; margin:3.125rem 0 0 0}
	.sect-row-text-qr-img{display:block; width:4.8125rem}
	.sect-row-text-qr-link{margin:0 0 0 1.25rem}
	.sect-row-text-qr-ico{width:2.125rem}
	.sect-row-text-qr-ico svg{width:0.625rem; height:0.625rem}
	.sect-row-text-qr-txt{padding:0 0 0 0.625rem; color:var(--color-text)}
	.sect-row-img{width:25rem}
}