/* BASIC css start */
/* =============================================================================
   상품 리스트 product_list.html
   ========================================================================== */

   
.category_list{overflow: hidden; min-height: 20px; line-height: 20px; border-bottom: 1px solid #dbdbdb; background: #ffffff}
.category_list li{width: 33.333%; float: left; text-align: center; position: relative; text-align:center;text-transform: uppercase; height: 30px; line-height: 30px; overflow:hidden;}
.category_list li a{font-size: 11px; font-weight: normal; letter-spacing:1px;}
.category_list li span{position: absolute; top: 11px; right: 0; display: inline-block; width: 1px; height: 10px; font-weight: normal; color: #9f9f9f; padding: 0; background: #ffffff;}
#product-list .items-wrap .items[data-type=horizontal] li { min-height: 100%; }
#product-list .results .tool-wrap { width: 100%; position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #dbdbdb; }
#product-list .results .tool-wrap select { width: 50%; float: left; }
#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 #e1e1e1; border-top: 1px solid #fff; background-color: #f1f1f1; }
#product-list .results .tool-wrap .links { padding-left: 10px; display: inline-block;}
#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; font-size: 11px; font-weight: bold; color: #626b7c; }
#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 { display: inline-block; position: absolute; top: 5px; right: 5px;}
#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] { margin-top: 14px; }
.items-wrap .items[data-type=gallery] > li{ transition: opacity .4s ease-in-out; text-align: center; width: 49%; vertical-align: top; position:relative; column-break-inside: avoid; display: inline-block; margin-right: -4px;}
.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] > li dl {margin:5px}
.items-wrap .items[data-type=gallery] .thumb-img { position: relative; overflow: hidden; padding: 10px; margin: 0 auto;}
.items-wrap .items[data-type=gallery] .pname {font-weight: normal; line-height: 15px; margin: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: clip; font-size: 11px; font: 100% Helvetica, Helvetica Neue, Arial; color: #777;}


.items-wrap .items[data-type=gallery] .price-strike { line-height: 15px; font-weight: normal; color: #777; font-size: 11px; text-decoration: line-through; font-family: Arial; }


.items-wrap .items[data-type=gallery] .price {line-height: 15px; font-weight: bold; font: 100% Helvetica, Helvetica Neue, Arial; color: #777; font-size: 11px;}
.items-wrap .items[data-type=gallery] .price-info li { border: medium none; font-size: 1em; line-height: 1.5em; margin: 0; padding: 0; text-align: left; }
.items-wrap .items[data-type=gallery] .price-info li .review-count { font-size: smaller; }
.items-wrap .items[data-type=gallery] .price-info li .review-count em { font-style: normal; } 
.items-wrap .items[data-type=gallery] .price-info .tit { font-size: 1em; margin-right: 4px; }
.items-wrap .items[data-type=gallery] .price-info .tit img { vertical-align: -1px; }
.items-wrap .items[data-type=gallery] .price-info .discount { color: #000000; font-weight: bold; }
.items-wrap .items[data-type=gallery] .price-info .strike { text-decoration: line-through; }
.items-wrap .items[data-type=vertical] .price-info .tit img { vertical-align: -1px; }


@media screen and (min-width: 640px){
    .items-wrap .items[data-type=gallery] > li {
    width: 33.333%;
    }
}

@media screen and (min-width: 980px){
    .items-wrap .items[data-type=gallery] > li {
    width: 25%;
    }
}


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


/* =============================================================================
   베스트 상품
================================================================================*/
.MK_product_list button{overflow: hidden; position: absolute; top: 0; width: 40px; height: 100%; border: none; background: none; text-indent: -1000px;}
.MK_product_list button.prev {left: 0; }
.MK_product_list button.next {right: 0; } button.next {right: 0; }

.MK_product_list .prev:before, .MK_product_list .next:before{content:''; position:absolute; top:50%; width:28px; height:48px; margin-top:-24px;background:rgba(0,0,0,0.3);}
.MK_product_list .prev:hover:before, .MK_product_list .next:hover:before{background:rgba(0,0,0,0.6);} 
.MK_product_list .prev:before{left:0;border-radius:0 3px 3px 0;}
.MK_product_list .next:before{right:0;border-radius:3px 0 0 3px;}
.MK_product_list .prev:after, .MK_product_list .next:after{content:''; position:absolute; top:50%; width:8px; height:14px; margin-top:-7px; background:url('/design/partysu/avenu_m/cafcon/event_arrow.png') no-repeat 0 0;}
.MK_product_list .prev:after{left:10px;}
.MK_product_list .next:after{right:10px;background-position: -10px 0;} .next:after{right:10px;background-position: -10px 0;}

.MK_product_list .pagination { position: relative; left: 0; text-align: center; width: 100%; line-height: 35px; }
.MK_product_list .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
.MK_product_list .pagination .swiper-visible-switch { background-position: -12px 50%; opacity:1}

#product-list .results .MK_product_list { position: relative; overflow: hidden; border-bottom: 1px solid #dbdbdb;}
#product-list .results .MK_product_list h3 { margin: 0; line-height:35px; font-size: 15px; text-align: center;}
#product-list .results .MK_product_list .MS_prd-wrap { 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: 50%; 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; background-size: contain; }


/* BASIC css end */