@charset "utf-8";

/* 메인페이지 스타일만 정의 */

.main-products {padding:100px 0;}
.main-products h2 {padding:0 0 30px; color: #000;text-align: center;font-size:var(--fs40);font-weight: 700; line-height: 100%;}

.main-products-list {display:flex; gap:20px; flex-wrap:wrap;}
.main-products-item {padding:30px; width:calc((100% - 40px)/3); display:flex; gap:20px; border-radius: 15px; border: 1px solid var(--border1); background: #FFF; transition:all .3s;}
.main-products-item:hover {box-shadow:0 0 10px rgba(0,0,0,0.2);}
.main-products-item .img {width:90px; height:90px;}
.main-products-item .img img {width:100%; height:100%; object-fit:cover;}
.main-products-item .txt {width:calc(100% - 110px);}
.main-products-item .txt .tit {padding:0 0 20px; color: #000;font-size: var(--fs24);font-weight: 600;line-height: 100%;}
.main-products-item .txt ul {display:flex; flex-wrap:wrap; gap:10px 20px;}
.main-products-item .txt ul li {color: #666;font-size:var(--fs18);font-weight: 500;line-height: 100%; position:relative;}
.main-products-item .txt ul li a {padding-right:20px;}
.main-products-item .txt ul li a:after {width:1px; height:11px; background:rgba(0, 0, 0, 0.20); right:0; top:calc(50% - 5px); position:absolute; display:block; content:'';}
.main-products-item .txt ul li:last-child a {padding-right:0;}
.main-products-item .txt ul li:last-child a:after {display:none;}

/*
.main-products-banner {
	margin:20px 0 0; padding:15px; width:100%; display:block;
	color: #FFF !important; text-align: center;font-size:var(--fs18);font-weight: 700;line-height: 100%;
	border-radius: 10px;background:url(/images/main/img_products_banner.webp)center /cover no-repeat;
}
*/
.main-products-banner {
	margin:20px 0 0; padding:0 15px; width:100%; height:50px; display:block;
	color: #FFF !important; text-align: center;font-size:var(--fs18);font-weight: 700;line-height: 100%;
	border-radius: 10px;background:url(/images/main/product_banner_tubetone4.webp?v=1)center /cover no-repeat; border:1px solid #ececec;
}


/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 991px) {
	
	.main-products-list {gap:10px;}
	.main-products-item {width:calc((100% - 10px)/2);}
	
	
	
	
	
}



/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.main-products-list {gap:5px;}
	.main-products-item {width:100%; padding:20px;gap:10px;}
	.main-products-item .img {width:80px; height:80px;}
	.main-products-item .txt {width:calc(100% - 90px);}
	.main-products-item .txt .tit {padding:0 0 14px;}
	.main-products-item .txt ul {gap:10px;}
	.main-products-item .txt ul li a {padding-right:10px;}
	
	.main-products-banner {height:30px;}

	
}