/* BASIC css start */
/* =============================================================================
상품 리스트 product_list.html
========================================================================== */
.clearfix {overflow: auto; zoom: 1;}
.breadcrumb-cat {padding:10px 2px;}
.breadcrumb-cat li {float:left; padding:0 3px;}
.breadcrumb-cat li img {vertical-align:middle; padding-right:5px;}
.tit,
.hidden {font-size:0; text-indent:-9999px;}

#product-list .items-wrap .items[data-type=horizontal] li { min-height: 100%; }
#product-list .results .tool-wrap { width: 100%; position: relative; padding: 5px 0; text-align:center; }
#product-list .results .tool-wrap select { width: 48.387%; }
#product-list .results .tool-wrap select:first-child { left: 4px; }
#product-list .results .tool-wrap select:last-child { right: 4px; }
#product-list .results .tool-wrap .links { padding: 10px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;}
#product-list .results .tool-wrap .links a.now { background: url(/images/d3/m_01/bull/tool_wrap_link_now_@2x.gif) no-repeat 0 50%; background-size: 13px 10px; padding-left: 14px; color: #f56e00; }
#product-list .results .tool-wrap .links a { display: inline-block; margin: 0 1px; font-size: 12px; font-weight: bold; color: #626b7c; padding:0 10px;}
#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 li {margin:0 2%; border-bottom: 1px dotted #ccc; font-family: 돋움,맑은고딕,Dotum,verdana,sans-seif; color:#555;}

.titb00 {
    width: 100%;
    border-bottom: 2px solid #dddddd;
    height: 30px;
}

.titb01 {
    text-align: left;
    padding-left: 10px;
}
.items-wrap .items li .pro-name { color:#484747; font-weight:bold;}
.items-wrap .items li .txt {display:inline-block; margin-top:5px; color:#ff0000; font-size:16px; font-weight:bold;}
.items-wrap .items li .hits {margin-top:3px;}
.items-wrap .items li .hits em {font-weight:bold; color:#ff0000;}

/* =============================================================================
아이콘 및 품절배경 관련
================================================================================*/
.items-wrap .items .icons { position: absolute; left: 5px; top: 0; }
.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: 95px; 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: 95px; height: auto; position:relative; }
.items-wrap .items[data-type=gallery] .gallery-img img { width: 100%; height: auto; max-height: none; }
.items-wrap .items[data-type=gallery] .sold-out { left: 0; top: 0; }

/* =============================================================================
베스트 상품
================================================================================*/
#product-list .results .MK_product_list { position: relative; background: url(/images/common/recents_items.gif) repeat 0
0; }
#product-list .results .MK_product_list h3 { margin: 0; padding: 5px 0; text-indent: 10px; font-size: .875em; color:
#828282; }
#product-list .results .MK_product_list .items { position: relative; width: 85%; margin: 0 auto; overflow: hidden; }
#product-list .results .MK_product_list .items ul { width: 100%; }
#product-list .results .MK_product_list .items ul li { float: left; width: 25%; list-style-type: none; }
#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: 1px 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 .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; backgroun.breadcrumb-catd-size: contain; }

/* =============================================================================
페이징
================================================================================*/
.paging { padding-top: 10px; padding-bottom:10px; height: 17px; text-align: center; line-height: 0; vertical-align: top;}
.paging li { display: inline-block;}
.paging li a { overflow: hidden; width: auto; height:20px; line-height:20px; padding: 0 7px; color: #000; cursor: pointer; font-family: Verdana; font-size:12px;}
.paging li a:hover,
.paging li.now a { font-weight: bold; letter-spacing: -1px; color:#ff7e00;}
.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a { padding: 0 3px; border:0 none; font-size:14px;}

/* BASIC css end */