@charset "utf-8";

.quality {}
.quality .quality-top {display:flex; gap:70px;}
.quality .quality-top-img {width:calc(50% - 70px);border-radius:10px; overflow:hidden;}
.quality .quality-top-img img {width:100%; height:100%; object-fit:cover;}

.quality .quality-top-desc {width:50%;}
.quality .quality-top-desc-tit {position:relative;}
.quality .quality-top-desc-tit h3 {padding:0 0 40px; margin:0 0 40px; color: #000;font-size:var(--fs36);font-weight: 700;line-height:1; position:relative;}
.quality .quality-top-desc-tit h3:after {width:50px; height:5px; background:var(--base1); left:0; bottom:0; position:absolute; display:block; content:'';}
.quality .quality-top-desc-tit p {color: #000;font-size:var(--fs18);font-weight: 500;}
.quality .quality-top-desc-list {padding:55px 0 0; display:flex; flex-direction:column; gap:20px;}
.quality .quality-top-desc-list li {padding-left:14px; position:relative;}
.quality .quality-top-desc-list li:before {width:3px; height:3px; background:#999; border-radius:50%; left:0; top:11px; position:absolute; display:block; content:'';}

.quality .quality-pay {padding:80px; display:flex; flex-direction:column; gap:80px; align-items:center; justify-content:center; border-radius: 10px;background: #F7F7F7;}
.quality .quality-pay-tit {color: #000;font-size: var(--fs24);font-weight: 700;line-height: 1;}
.quality .quality-pay-list {width:800px; max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; gap:20px 70px;}
.quality .quality-pay-list li {
	width:calc((100% - 70px)/2); font-size:var(--fs18); font-weight:500; white-space:nowrap;
	padding-left:35px; background:url(/images/common/icon_list_check.svg)0 0 no-repeat;
}



@media (max-width: 1199px) {
	
	.quality .quality-top {flex-direction:column; gap:40px;}
	.quality .quality-top-img {width:100%; height:40vw;}
	
	.quality .quality-top-desc {width:100%;}
	.quality .quality-top-desc-tit p {}
	.quality .quality-top-desc-tit h3 {}
	.quality .quality-top-desc-tit h3:after {width:40px; height:4px;}
	
	.quality .quality-top-desc-list {padding:34px 0 0; gap:16px;}
	
	.quality .quality-pay {padding:50px; gap:50px;}
	.quality .quality-pay-list {gap:16px 50px;}
	.quality .quality-pay-list li {width:calc((100% - 50px)/2);}
	
	
	
}

@media (max-width: 767px) {
	
	.quality .quality-top {flex-direction:column; gap:30px;}
	.quality .quality-top-img {height:240px;}
	
	.quality .quality-top-desc-tit p {}
	.quality .quality-top-desc-tit h3 {padding:0 0 30px; margin:0 0 30px;}
	.quality .quality-top-desc-tit h3:after {width:30px; height:3px;}
	
	.quality .quality-top-desc-list {padding:23px 0 0; gap:10px;}
	
	.quality .quality-pay {padding:30px; gap:30px;}
	.quality .quality-pay-list {gap:10px;}
	.quality .quality-pay-list li {padding-left:24px; width:100%; background-size:20px;white-space:wrap;}
	
	
	
	
	
	
	
}