@charset "utf-8";

/* style.grid css */
/* style.css 에서 사용 */


.item-list { padding:10px 0 0; margin-bottom:20px; overflow:hidden; border-bottom:0px solid #ddd;padding-top:0;margin-top:0; }
.item-list li {
	position:relative; float:left; margin:0; padding:20px 15px; text-align:center;
	border-bottom:1px #ddd solid; width:270px;min-height:325px; 
}
.item-list li img {width:auto;}
.item-list li .check { position:absolute; left:0; top:0; }

.item-list li .item_name_ {color:#333;}
.item-list li .item_name_ a.name{line-height:20px; overflow: hidden; font-size:14px;color:#666; }
.item-list li .item_name_ .model_code  {line-height:40px; font-size:16px; font-weight:700; margin-bottom:10px;}
.item-list li .item_name_ .sub_title  {line-height:34px; color:#666; font-size:14px;}
.item-list li .item_name_ .sub_title2 {}
.item-list li .item_icon { height:20px;}

.item-list li .item_price_ {color:#d63212; line-height:20px; font-weight:700; margin-top:20px;}
.item-list li .customer_price {margin-top:15px; line-height:20px; color:#888; text-decoration:line-through; }
.item-list li .item_choice { padding:5px; margin-top:10px; }

.btn_bottom a.btn_cart { padding:4px 11px; width:70px; background:url(../img/btn_put.gif) no-repeat; }
.btn_bottom a.btn_wishlist { padding:4px 11px; width:70px; background:url(../img/btn_put.gif) no-repeat; }
.btn_bottom a { float:left; margin-left:5px;}


/* black */

.item-list.black { border-bottom:1px solid #343434;}


@media screen and (max-width:979px){
	.item-list li {box-sizing:border-box;width:25%;}
}
@media screen and (max-width:784px){
	.item-list li {width:33.3%;}

}
@media screen and (max-width:588px){
	.item-list li {width:50%;}
}
@media screen and (max-width:360px){
	.item-list li {width:100%}
}
@media all and (max-width:170px){
	.item-list li img {width:100%;}
}