/* BASIC css start */
/* ºÐ·ùÆäÀÌÁö ÁߺзùÄÚµå */
.prd-smenu { }
.prd-smenu .cate-sort { margin:50px 0 ;  text-align:center;    }
.prd-smenu .cate-sort li { display:inline-block; *display:inline; padding:10px; border:0px solid #F0F0F0;  }
.prd-smenu .cate-sort li a { display:block; color:#222; font-size: 12px; border:0px solid #F0F0F0; font-weight: none;}
.prd-smenu .cate-sort li a:hover{ color:#222; border-bottom:1px solid #333 !important ;   }
.prd-smenu .sel { display:block; color:#000 !important ; border-bottom:1px solid #333 !important ; font-weight: bold;  }
.prd-smenu .list2 a {display:block; color:#fff !important ; font-size: 12px; border:0px solid #F0F0F0; font-weight: bold; background:#333; padding:3px 5px }





.item-wrap1 { width:100%;  display:block;  font-size:0;line-height:0; }
.item-wrap1:after { content: ""; clear: both; display: block; }
.item-wrap1 .item-list > li { vertical-align:top; display:inline-block; box-sizing:border-box;  }
.item-wrap1 .item-list > li .item-box { position:relative;  }
.item-wrap1 .item-list > li:nth-child(3n){margin-right:0;}
.item-wrap1 .item-list .item-thumb {  margin:0 auto 10px; text-align:center; position: relative;}
.item-wrap1 .item-list .item-thumb a{ }
.item-wrap1 .item-list .item-thumb a img { max-width:100%; transition:opacity 0.25s ease-in-out;  }
.item-wrap1 .item-list .item-thumb a img.over:hover { opacity: 0.7; filter: alpha(opacity=70); }


@media all and (max-width :640px){ .item-wrap1 .item-list > li { margin-bottom:80px; width:100%; padding:0 1%; }}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : landscape){ .item-wrap1 .item-list > li { margin-bottom:80px; width:50%; padding:0 1%; }}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : portrait){ .item-wrap1 .item-list > li { margin-bottom:80px; width:50%; padding:0 1%; }}
@media all and (min-width :1025px) and (max-width :1600px){ .item-wrap1 .item-list > li { margin-bottom:80px; width:33.33%; padding:0 1%; }}
@media all and (min-width :1601px) { .item-wrap1 .item-list > li { margin-bottom:80px; width:33%; padding:0 1%; }}

.item-info {  }
.item-info .item-name  { text-align:center; }
/* BASIC css end */