@charset "utf-8";


@media (min-width:1500px) {
	.productListMain {width: 1100px; margin: 100px auto 0;}
	.productListMain li {display: flex; justify-content: space-between; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px #EFEFEF solid;}
	.productListMain li .pic { width: 500px; height: 500px; border: 1px #E1E1E1 solid; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
	.productListMain li .pic img { max-width: 400px;}
	.productListMain li .desc { width: 500px;}
	.productListMain li .desc .title { display:block; font-family: 'Pretendard-Bold'; font-size:1.3em; font-weight:600; color:#222; line-height:1em; border-left: 6px #d22730 solid; padding-left: 10px; }
	.productListMain li .desc .text { display:block;  margin-top: 30px; font-size: 0.8rem; }
	.btn-system { display: flex; align-items: center; justify-content: center;}
	.btn-system a {display: block; width: 290px; line-height: 80px; text-align: center;  background: #D22730; font-family: 'Pretendard-Bold'; font-size:1.2em; font-weight:600; color:#fff; border-radius: 40px;}
	.system_pic {width:1500px; margin: 0 auto; text-align: center; background:url(../images/system_bg.jpg) center;}


}


@media (min-width:768px) and (max-width:1499px){
	.productListMain {width: 90%; max-width: 1100px; margin: 100px auto 0;}
	.productListMain li {display: flex; justify-content: space-between; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px #EFEFEF solid;}
	.productListMain li .pic { width: 45%;aspect-ratio:1/1; border: 1px #E1E1E1 solid; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
	.productListMain li .pic img { max-width: 400px;}
	.productListMain li .desc { width: 45%}
	.productListMain li .desc .title { display:block; font-family: 'Pretendard-Bold'; font-size:1.3em; font-weight:600; color:#222;  line-height:1em; border-left: 6px #d22730 solid; padding-left: 10px;}
	.productListMain li .desc .text { display:block;  margin-top: 30px; }
	.btn-system { display: flex; align-items: center; justify-content: center;}
	.btn-system a {display: block; width: 290px; line-height: 80px; text-align: center;  background: #D22730; font-family: 'Pretendard-Bold'; font-size:1.2em; font-weight:600; color:#fff; border-radius: 40px;}

	.system_pic { padding: 0 50px; text-align: center; background:url(../images/system_bg.jpg) center; background-size: cover;}
	.system_pic img {width: 100%;}	

}



@media (max-width:767px){
	.productListMain {width: 80%; margin: 50px auto 0;}
	.productListMain li {display: flex;  flex-direction:column;  margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px #EFEFEF solid;}
	.productListMain li .pic { width: 100%;aspect-ratio:1/1; border: 1px #E1E1E1 solid; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
	.productListMain li .pic img { width: 90%;}
	.productListMain li .desc { width: 45%; margin-top: 30px;}
	.productListMain li .desc .title { display:block; font-family: 'Pretendard-Bold'; font-size:1.3em; font-weight:600; color:#222;  line-height:1em; border-left: 6px #d22730 solid; padding-left: 10px; }
	.productListMain li .desc .text { display:block;  margin-top: 15px; }
	.btn-system { display: flex; align-items: center; justify-content: center;}
	.btn-system a {display: block; width: 200px; line-height: 50px; text-align: center;  background: #D22730; font-family: 'Pretendard-Bold'; font-size:1.2em; font-weight:600; color:#fff; border-radius: 40px;}

	.system_pic { padding: 0 20px; text-align: center; background:url(../images/system_bg.jpg) center; background-size: cover;}
	.system_pic img {width: 100%;}
	

}