<[p> 기타를 찾고 계신가요? 저희가 여러분을 위한 특별한 혜택을 준비했습니다. 아래 링크를 클릭하면 다양한 기타 제품을 확인하실 수 있습니다. 지금 바로 믿을 수 없는 할인 혜택을 누리세요! – 최대 50% 할인 – 무료 배송 – 한정판 기타 – 액세서리와 부품
.product-list-box{
display : flex;
flex-flow: row wrap;
justify-content: space-evenly;
margin: 20px auto;
}
.product-list {
width: 220px;
background: #fff;
box-shadow: rgba(20, 105, 201, 0.09) 0px 4px 14px 0px, rgba(20, 105, 201, 0.12) 0px 2px 4px 0px;
margin : 10px;
border-radius: 4px;
overflow: hidden;
text-align: center;
position: relative;
}
.product-list a{
text-decoration : none;
}
.product-list:hover{
box-shadow: rgba(220, 73, 73, 0.09) 0px 4px 14px 0px, rgba(220, 73, 73, 0.12) 0px 2px 4px 0px;
}
.product-list:hover .product-thumb {
opacity: 0.5;
}
.label-type{
width: 43px;
height: 43px;
position: absolute;
top: 0;
right: 0;
padding-top : 10px;
}
.label-type > p{
font-size: 10px;
color: #fff;
text-align: center;
line-height: 1;
}
.hit-label {
background: #62b951;
}
.new-label {
background: #e3db56;
}
.sale-label {
background: #e36556;
}
.sale-label p {
padding-top: 2px;
margin : 0;
}
.add-buttons {
position: absolute;
z-index: 50;
top: 150px;
left: 66px;
display: none;
}
.add-cart {
width: 100px;
height: 43px;
border-radius: 4px;
background-color: #e36556;
display: block;
font-size : 1em;
color : #fff;
float: left;
cursor: pointer;
}
.product-list:hover > a .add-buttons {
display: block;
}
.product-thumb {
border-bottom: 1px solid #ebebeb;
cursor: pointer;
margin-bottom : 10px;
}
.product-price{
padding : 5px;
}
.product-price h4 {
font-size: 1.1em;
color: #090B34;
margin: 10px 0 20px;
}
.product-price p.product-sales-price {
font-weight: bold;
text-align : center;
color: #e36556;
margin : 1.2em 0;
}
.product-sales-price > s {
font-size: 10px;
color: rgba(0,0,0,0.2);
display: inline-block;
margin-left: 8px;
}
.product-price p.product-info{
text-align : center;
font-size : 0.9em;
color: #2E2E32;
}
* 본 글은 파트너스 활동으로 소정의 수수료를 받을 수 있습니다. 하지만 구매자에게 추가로 부과되는 비용은 일체 없으니 안심하셔도 됩니다. 감사합니다.
