/* BASIC css start */
nav.breadcrumb-cat {
    font-size: 20px;
    text-align: center;
    margin: 20px auto 10px;
}



.page_location {padding:5px 5px;}
.page_location li {float:left;}
.page_location li::after {content: ">"; margin: 0 7px;}
.page_location li:last-child::after {content: ""; margin:0;}
.clearFix {position:relative; overflow:hidden; zoom:1;}



.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}



/* =============================================================================
   상품 리스트 product_list.html
   ========================================================================== */
#product-list .items-wrap .items[data-type=horizontal] li { min-height: 100%; }
#product-list .results .tool-wrap {
    width: 100%;
    position: relative;
    height: 50px;
    line-height: 50px;
}
#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 .tool-wrap .links {
    padding: 0 6px;
    text-align: center;
}
#product-list .results .tool-wrap .links a.now { color: #000; }
#product-list .results .tool-wrap .links a {
    display: inline-block;
    margin-left: -2px;
    font-size: 12px;
    color: #787878;
    padding: 0 5px;
    border-right: 1px solid #ddd;
    height: 10px;
    line-height: 10px;
}

#product-list .results .tool-wrap .links a:last-child {
    border-right: none;
}




.catelist { padding:10px 0 10px; border-bottom:1px dashed #e9e9e9 }
.catelist .link { text-align: center }
.catelist .link li { display: inline-block; padding-top:10px; }
.catelist .link li a { padding: 0 10px; font-size:13px; color:#787878; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 2px; }
.catelist .link li.last a { background-image: none; }

.catelist .link2 { text-align: center; border-top:1px dashed #e9e9e9 }
.catelist .link2 li { display: inline-block; padding-top:10px; }
.catelist .link2 li a { padding: 0 10px; font-size:13px; color:#787878; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 2px; }
.catelist .link2 li.last a { background-image: none; }





.class-list { 
}
.class-list dd {}
.class-list dd ul {}
.class-list dd ul:first-child li {}

.class-list dd ul:after { clear: both; content: ""; display: block;}

.class-list dd ul li {
    float: left;
    width: 24.5%;
    text-align: center;
    border: 1px solid #d4d4d4;
    padding: 10px 0;
}
.class-list dd ul li.on {border-bottom:5px solid #000;}
.class-list dd ul li.on a {color:#000;}
.class-list dd ul li:last-child { }
.class-list dd ul li a {color:#787878; font-size:13px;}
#product-list .results .paging { color: #919191; text-indent: 10px; line-height: 22px;}
#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] .psname {color:#8a8a8a; font-size:13px;}
.items-wrap .items[data-type=gallery] .line {width:12px; height:2px; background:#000; display:inline-block;}
.price-info span.dc {color:#888; display:block; text-align:center; text-decoration: line-through;     font-family: 'Lato', sans-serif;}
.price-info span.normal {color:#222;  display:block; text-align:center;     font-family: 'Lato', sans-serif;}
/* 갤러리형 */
.items-wrap .items[data-type=gallery] { padding : 0 15px;; }
.items-wrap .items[data-type=gallery]:after { clear: both; content: ""; display: block;}
.items-wrap .items[data-type=gallery] > li {
    float: left;
    margin-bottom: 7px;
    position: relative;
    width: 31%;
    margin-right: 7px;
}
.items-wrap .items[data-type=gallery] > li.two {margin-right: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] > li dl { min-height: 320px; position: relative;  text-align:center; padding-bottom:15px;}
.items-wrap .items[data-type=gallery] .thumb-img { width: 100%;}

.items-wrap .items[data-type=gallery] .pname {margin-top:30px; margin-bottom:8px; max-height:53px; height:53px; font-size:12px; color:#272727; 
word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word }


.items-wrap .items[data-type=gallery] .pname1 {
    color: #000000;
    padding: 30px 5px 5px 5px;
    text-align: center;
    font-size: 13px;
}
.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: center; }
.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; }

/* =============================================================================
   아이콘 및 품절배경 관련
================================================================================*/
.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: 100%; 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; background-size: contain; }

/* =============================================================================
   페이징
================================================================================*/
.paging { padding-top: 10px; padding-bottom:10px; height: 17px; text-align: center; line-height: 0; vertical-align: top; }
.paging li { display: inline;}
.paging li a {
    overflow: hidden;
    width: auto;
    height: 15px;
    padding: 0 7px;
    color: #999;
    cursor: pointer;
    line-height: 15px;
}
.paging li a:hover,
.paging li.now a { color:#000; letter-spacing: -1px; }
.paging li.first a, .paging li.prev a, .paging li.next a, .paging li.last a {
    padding: 0 3px;
    font-family: '돋움';
    font-size: 11px;
    color: #000;
}
.paging li.prev { margin-right: 10px; }
.paging li.next { margin-left: 10px; }

.dc_per {
    position: absolute;
    bottom: -25px;
    left: 30%;
    background: #000;
    color: #fff;
    font-size: 18px;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    line-height: 50px;
    font-family: 'LatoBold', sans-serif;
}
.dc_per span.per{
    font-size: 11px;
}
/* BASIC css end */