section.section{margin: 6.25rem 0}

@media screen and (max-width:1280px){
	section.section{margin: 3.33rem 0}
}



section#section1 small.sect-desc{text-align: center}
section#section1 h2.sect-title{text-align: center; margin-bottom:1.25rem}
section#section1 p.sect-desc{text-align: center; white-space: pre-line}
section#section1 h3.sect-title{text-align: center; margin: 100px 0 30px}

ul.sect1-list{display: flex; flex-wrap: wrap; gap: 10px}

li.sect1-list{width: calc((100% - (10px * 2)) / 3); padding: 1.25rem; flex-direction: column; box-sizing: border-box; background-color: var(--color-background-primary); display: flex; justify-content: center; align-items: center}
i.sect1-list{display: flex; justify-content: center; width: 40px; height: 40px; margin-bottom: 20px}
i.sect1-list svg{fill: var(--color-primary)}
p.sect1-list{text-align: center; white-space: pre-line; line-height: 140%; font-size: 1.13rem; font-weight: 700}
p.sect1-list span{display: block; margin-bottom: 5px}
@media screen and (max-width:1280px){
	section#section1 h3.sect-title{margin: 50px 0 20px}
	i.sect1-list{width: 2rem; height: 2rem; margin-bottom: 1rem}
	p.sect1-list{font-size: 14px}
}
@media screen and (max-width:767px){
	li.sect1-list{width: calc((100% - 10px) / 2); }
}


section#section2 h3.sect-title{margin:100px 0 30px; text-align:center}
ul.sect2-list{display: flex; flex-wrap: wrap; gap: 1.25rem}
li.sect2-list{width: calc((100% - 1.25rem) / 2); box-sizing: border-box; background-color: var(--color-background-primary)}
li.sect2-list-center{text-align:center}
h4.sect2-list{font-size: 1.13rem; padding: 1.87rem; background-color: var(--color-secondary); color: #fff}
h4.sect2-list span{display: block; font-size: 1.25rem; margin-bottom: 10px}
p.sect2-list{font-size: 1rem; line-height: 160%; color: var(--color-text-light); padding: 1.25rem 1.87rem}
p.sect2-list span{font-weight: 700; display: block; color: var(--color-primary)}
p.sect2-list-ico{display:flex; justify-content:center; margin:30px 0}
svg.sect2-list-ico{display:block; width:27px; height:27px; fill:var(--color-primary)}
@media screen and (max-width:1280px){
	section#section2 h3.sect-title{margin: 50px 0 20px}
	ul.sect2-list{gap: 1rem}
	li.sect2-list{width: calc((100% - 1rem) / 2)}
	h4.sect2-list{font-size: 15px; padding: 1rem 20px}
	h4.sect2-list span{font-size:1.07rem}
	p.sect2-list{font-size: 14px; padding: 10px 20px}
}
@media screen and (max-width:767px){
	li.sect2-list{width:100%}
}

/* 중성화 방지 도장 공법 */
section#section3 div.sect-content{margin:60px 0 0 0}
section#section3 p.sect-desc{margin:1.25rem 0 0 0}
@media screen and (min-width:1281px){
}
@media screen and (max-width:1280px){
}
/* 중성화 방지 도장 공법 */


section#section4 div.sect-content{margin:60px 0 0 0}
img.sect-content-img{display:block; margin:30px auto 0 auto}
.method-char-list{display:flex; flex-wrap:wrap; gap:1.25rem; margin:2.5rem 0 0 0; text-align:center}
.method-char-item{display:flex; flex-direction:column; justify-content:center; width:calc((100% - (1.25rem * 3)) / 4); padding:2rem 1.125rem; box-sizing:border-box; background:#F0F0F0}
.method-char-item-title{font-size:1.1875rem}
.method-char-item-desc{margin:1.125rem 0 0 0; font-size:1rem; line-height:1.6em; white-space:pre-line}
.method-char-item-desc-strong{display:block; margin:0.625rem 0 0 0; color:var(--color-primary)}
@media screen and (max-width:1280px){
	.method-char-list{gap:2vw}
	.method-char-item{width:calc((100% - 2vw * 3) / 4)}
}
@media screen and (max-width:767px){
	.method-char-item{width:calc((100% - 2vw) / 2)}
}
@media screen and (max-width:428px){
	.method-char-item{width:100%}
}

.method-process{position:relative; display:flex; flex-wrap:wrap; gap:2.875rem; margin:5rem 0 0 0; text-align:center}
.method-process-item{position:relative; width:calc((100% - (2.875rem * 4)) / 5)}
.method-process-item-text{display:flex; justify-content:center; align-items:center; width:calc((300% - (2.875rem * 2)) / 5); border:2px solid var(--color-primary); box-sizing:border-box}
.method-process-img{aspect-ratio:1/1; border-radius:50%; overflow:hidden}
.method-process-img img{display:block; width:100%; height:100%}
.method-process-title{margin:0.625rem 0 0 0; font-size:1.1875rem; font-weight:600}
div.method-process-ico{position:absolute; top:50%; right:-2.875rem; transform:translateY(-50%); display:flex; justify-content:center; align-items:center; width:2.875rem; height:2.875rem}
svg.method-process-ico{display:block; width:0.75rem; aspect-ratio:12/15; fill:#585858}
.method-process-desc{font-size:1.1875rem; font-weight:400; white-space:pre-line}
.method-process-b{color:var(--color-primary); font-weight:600}
@media screen and (max-width:1280px){
	.method-process{gap:2vw}
	.method-process-item{width:calc((100% - (2vw * 4)) / 5)}
	.method-process-item-text{width:calc((300% - (2vw * 2)) / 5)}
	div.method-process-ico{right:-2vw; width:2vw; height:2vw}
	svg.method-process-ico{width:1.5vw}
}
@media screen and (max-width:767px){
	.method-process-item{width:calc((100% - 2vw * 2) / 3)}
	.method-process-item-text{width:calc((200% - 2vw) / 3)}
}
@media screen and (max-width:428px){
	.method-process-item{width:calc((100% - 2vw) / 2)}
}

.sect-content-sub{margin:9.375rem 0 0 0}
.sect4-img{display:block; max-width:100%; margin:3rem auto 5.125rem auto}
.method-charIco-list{display:flex; flex-wrap:nowrap; justify-content:space-around}
.method-charIco-item{display:flex; flex-direction:column; align-items:center}
.method-charIco-ico{display:flex; justify-content:center; align-items:center; width:8.75rem; height:8.75rem; border-radius:50%; background:#F0F0F0}
.method-charIco-icon{display:block; height:45px; fill:var(--color-primary)}
.method-charIco-title{margin:1.25rem 0 0 0; font-weight:700; font-size:1.1875rem; line-height:1.36em; white-space:pre-line; text-align:center}
.method-charIco-desc{margin:0.625rem 0 0 0; font-size:1rem; line-height:1.6875em; white-space:pre-line; text-align:center}
@media screen and (max-width:767px){
	.method-charIco-list{flex-wrap:wrap}
	.method-charIco-item{width:50%}
	.method-charIco-item:nth-child(3){margin:2rem 0 0 0}
}


.sect5-img{display:block; max-width:100%; margin:1.875rem auto 0 auto}


.method-cert{display:block; margin:2.5rem auto 3rem auto}
.method-charImg-list{display:flex; flex-wrap:wrap; gap:1.5rem; margin:3rem 0 0 0}
.method-charImg-item{position:relative; width:calc((100% - 1.5rem) / 2); box-shadow:0 0 1rem 0 rgba(0,0,0,.1)}
.method-charImg-img img{display:block; width:100%}
.method-charImg-text{padding:1rem 0}
.method-charImg-title{font-weight:700; font-size:1.2rem; line-height:1.36em; text-align:center}
.method-charImg-olexp{margin:0.625rem 0; font-weight:500; font-size:1.06rem; line-height:1.6em; text-align:center; color:var(--color-primary)}
.method-charImg-desc{font-size:0.98rem; line-height:1.2em; text-align:center}
.method-charImg-mask{position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1)}
@media screen and (max-width:1280px){
	.method-charImg-list{gap:2vw}
	.method-charImg-item{width:calc((100% - 2vw) / 2)}
	.method-charImg-text{padding:2vw}
}

.method-tbl{width:100%; border-bottom:2px solid var(--color-primary); margin:2.5rem 0 0 0; font-size:1rem}
.method-tbl th{width:20%; padding:0.8rem 0; border-bottom:0; border-right:1px solid rgba(255,255,255,.4); background-color:var(--color-primary); color:#fff; font-size:1.1rem; font-weight:500}
.method-tbl th.method-tbl-kc{border-right:0}
.method-tbl td{padding:0.8rem 0; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); text-align:center}
.method-tbl tr:last-child td{border-bottom:0}
.method-tbl td.method-tbl-kc{border-right:0; background-color:#ffefe9; font-weight:500}

.method-cert-last{display:block; max-width:100%; margin:1rem auto 0 auto}