/* BASIC css start */
/* =============================================================================
   상품 리스트 product_list.html
   ========================================================================== */
#product-list .items-wrap { margin-top: 2px; }
#product-list .items-wrap .items { padding: 0px; margin: 0 auto; width:100%;   border:0px;  }
#product-list .items-wrap .items li { list-style-type: none; font-size: .65em; color: #717171; font-weight: bold; text-align: center; margin-bottom: 0px; display: block;  }

#product-list .items-wrap .items .thumb-img { /*border: 0px solid #fff;*/ width: 87%;  height: 100%; margin: 0 auto;  border:0px; }
#product-list .items-wrap .items .thumb-img img {  width: 100%; height: auto;   max-height: 100%;    }
 
#product-list .results .tool-wrap { width: 100%; position: relative; padding: 5px 0; border-bottom: 1px solid #e1e1e1; height: 33px; }
#product-list .results .tool-wrap select { width: 48.387%; position: absolute; top: 10px; }
#product-list .results .tool-wrap select:first-child { left: 4px; }
#product-list .results .tool-wrap select:last-child { right: 4px; }
#product-list .results .paging-wrap { /*overflow-y: auto; height: 200px;*/ }
#product-list .results .paging { color: #919191; text-indent: 10px; line-height: 22px; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #fff; background-color: #f1f1f1; }

#product-list .results .tool-wrap .links { padding: 0 6px; }
#product-list .results .tool-wrap .links a.now { color: #000; text-decoration: underline ; }
#product-list .results .tool-wrap { width: 100%; position: relative; padding: 5px 0; border-bottom: 1px solid #fff; height: 33px; line-height: 33px; }
#product-list .results .tool-wrap .links a { display: inline-block; margin: 0 2px; font-size: .65em; font-weight: bold; color: #999; }

#product-list .results .paging { color: #919191; text-indent: 10px; line-height: 22px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #fff; background-color: #f1f1f1; }
#product-list .results .tool-wrap .type-btn { position: absolute; right: 6px; top: 8px; }
#product-list .results .tool-wrap .type-btn a { display: block; width: 61px; height: 29px; text-indent: -9999px; }
#product-list .results .tool-wrap .type-btn a.list { background: url(/images/d3/m_01/btn/type_btn_list_@2x.gif) no-repeat 0 0; background-size: contain; }
#product-list .results .tool-wrap .type-btn a.gallery { background: url(/images/d3/m_01/btn/type_btn_gallery_@2x.gif) no-repeat 0 0; background-size: contain; } 
#product-list .results .category-title {}
#product-list .results .category-title img { width: 100%; }

.items-wrap .items[data-type=vertical] .price-info .break { margin-top:5px; }
 

/* 갤러리형 */

/* 가로형 */

 
.items-wrap .items[data-type=gallery] > li { float: left; position: relative; width: 25%; height: 150px; margin: 0 auto; padding-bottom: 50px;  }

.items-wrap .items[data-type=gallery] > dl  {  margin: 0px auto; width: 100%;}
.items-wrap .items[data-type=gallery] .thumb-img { vertical-align: top; width: 97%; border:0px;  }
.items-wrap .items[data-type=gallery] .thumb-img img { border:0px;  }
.items-wrap .items[data-type=gallery] > li dl:after { clear: both; }
.items-wrap .items[data-type=gallery] > li dl:before, .items-wrap .items[data-type="gallery"] > li dl:after { content: ""; display: table; }
.items-wrap .items[data-type=gallery] > li dl:before, .items-wrap .items[data-type="gallery"] > li dl:after { content: ""; display: table; }


.items-wrap .items[data-type=gallery] .pname {  font-weight: normal;  line-height: 12px; margin: 3px 5px 7px 5px; color: #171717;  font-size:.65px; border-bottom:1px solid #e1e1e1; }
.items-wrap .items[data-type=gallery] .price-info { line-height:12px; }
.items-wrap .items[data-type=gallery] .price-info li { border: medium none; margin: 0; padding: 0; text-align: center; color: #171717; font-size:.65em; font-weight: normal; }
.items-wrap .items[data-type=gallery] .price-info .tit { font-size: 1em; margin-right: 0px; }
.items-wrap .items[data-type=gallery] .price-info .tit img { vertical-align: -1px; }
.items-wrap .items[data-type=gallery] .price-info .discount { color: #171717; font-weight: bold; }
.items-wrap .items[data-type=gallery] .price-info .strike { text-decoration: line-through;   } 

 
.items-wrap .items[data-type=gallery] .picon {   margin: 0 auto;   }
 

/* =============================================================================
   아이콘 및 품절배경 관련
================================================================================*/
.items-wrap .items .icons { position: absolute; left: 0px; top: 10px; }
.items-wrap .items .icons span { display: block; width : 30px;  }

.items-wrap .items .sold-out { position: absolute; z-index: 1; width: 100%; height: 100%; background: url(/images/d3/m_01/bg/sold_out.png) no-repeat top center; background-size: 100%; }
.items-wrap .items[data-type=vertical] .vertical-img { position:relative; float: left; margin: 0; width: 100%; height: auto; }
.items-wrap .items[data-type=vertical] .vertical-img img { width: 100%; height: auto; max-height: none; }
.items-wrap .items[data-type=vertical] .sold-out { left: 0; top: 0; }

.items-wrap .items[data-type=gallery] .gallery-img { width: 95%; height: auto;   max-height: 100%;  position:relative; border:0px;}
.items-wrap .items[data-type=gallery] .gallery-img img { width: 95%; height: auto; max-height: none; margin: 10px auto 10px; border:0px; }
.items-wrap .items[data-type=gallery] .sold-out { left: 0; top: 12px; }

/* =============================================================================
   베스트 상품
================================================================================*/
 
 
#product-list .results .MK_product_list { position: relative; background: url(/images/common/recents_items.gif) repeat 0 0; top:0; margin:0px; border-bottom:1px solid #e1e1e1;}
#product-list .results .MK_product_list .items { position: relative; width: 100%; margin: 0px auto; overflow: hidden; padding: 15px 0; }
#product-list .results .MK_product_list .items ul { width: 100%; border:0px; }
#product-list .results .MK_product_list .items ul li { float: left; width: 25%; list-style-type: none; position: relative; z-index: 888;}
#product-list .results .MK_product_list .items ul li a { position: relative; display: block; padding: 5px; }
#product-list .results .MK_product_list .items ul li img { width: 100%; height: auto; border: 0px solid #dddddd; }
#product-list .results .MK_product_list .items .paging-num { padding: 5px 0; font-size: .75em; text-align: center; }
#product-list .results .MK_product_list .items ul li span {  position: absolute; left: 3px; top: 3px; color:#fff; background:#555; padding:5px; z-index: 999; font-size:.5em; }

#product-list .results .MK_product_list .btns a { display: block; width: 12px; height: 32px; position: absolute; top: 50%; margin-top: -16px; text-indent: -9999px; }
#product-list .results .MK_product_list .btns a.prev { left: 10px; background: url(/images/common/recent_prev_btn@2x.gif) no-repeat 0 0; background-size: contain; }
#product-list .results .MK_product_list .btns a.next { right: 10px; background: url(/images/common/recent_next_btn@2x.gif) no-repeat 0 0; background-size: contain; }


.items-wrap .more { margin: 20px auto; text-align: center;}
.items-wrap .more a { display: block; line-height:30px; width: 90.3125%;  margin: 10px auto;  }

/* BASIC css end */