/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';
@import 'introduction.css';
@import 'product.css';



.full_bg{
	position:relative;
	z-index:2;
}
.full_bg::before{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	top:0;
	bottom:0;
	margin-left:-50vw;
	margin-right:-50vw;
}

.sub_section_pd{
	padding-top:10rem;
	padding-bottom:10rem;
}

/*제품리스트*/
.product_row{
	display:flex;
	flex-wrap:wrap;
	margin-left:-1rem;
	margin-right:-1rem;
}
.product_row > div{
	width:calc(100%/3);
	padding:1rem;
}

.product_row .products{
	display:block;
	color:#000;
	font-family: "Poppins";
	box-shadow: 5px 5px 12px rgba(0,0,0,.05);
	position:relative;
}
.product_row .products::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:2px solid #256498;
	opacity:0;
	transform: scale(1.06);
	transition:all .3s;
}

.product_row .products .thum{
	padding-top:75%;
	background:#ebebeb;
	position:relative;
	transition:all .3s;
}
.product_row .products .thum p{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.product_row .products dl{
	padding:4rem;
}
.product_row .products dt{
	font-size:2rem;
	font-weight:600;
}
.product_row .products dd{
	font-size:1.7rem;
	color:#666666;
	margin-top:1rem;
}
.product_row .products dt p{
	display: inline-block;
	position: relative;
	margin: 0 auto;
	margin-top: 5px;
	padding-left: 1rem;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
	color: #000;
}
.product_row .products dt p::before{
	content: '·';
	position: absolute;
	top: 1.5px; left: 0;
}



.product_row .products:hover .thum{
	background:#fff;
}
.product_row .products:hover::after{
	opacity:1;
	transform: scale(1);
}

@media(max-width:1199.98px){
	.product_row .products dl{
		padding:3rem;
	}
}
@media(max-width:767.98px){
	.product_row > div{
		width:calc(100%/2);
	}
	.product_row .products dl{
		padding:3rem;
	}
}

@media(max-width:576.98px){
	.product_row .products dl{
		padding:2.5rem;
	}
	.product_row .products dt{
		font-size:1.8rem;
	}
	.product_row .products dd{
		font-size:1.6rem;
	}
}