/* BASIC css start */

#container {margin-top: 140px; }
/* =============================================================================
   »óÇ° ¸®½ºÆ® product_list.html
   ========================================================================== */
#product-list .items-wrap .items[data-type=horizontal] li { min-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 #e1e1e1; 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 { 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 { width: 100%; position: relative; padding: 5px 0; border-bottom: 1px solid #e1e1e1; height: 33px; line-height: 33px; }
#product-list .results .tool-wrap .links a { display: inline-block; margin: 0 2px; font-size: .75em; 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 { 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] { padding : 7px 0 0 7px; }
.items-wrap .items[data-type=gallery] > li { float: left; margin-bottom: 7px; position: relative; width: 50%; }
.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-right: 7px; min-height: 240px; position: relative; }
.items-wrap .items[data-type=gallery] .thumb-img { width: 110px; }
.items-wrap .items[data-type=gallery] .pname { color: #000000; padding: 10px 0 0; font-size: .75em; }
.items-wrap .items[data-type=gallery] .price-info li { border: medium none; font-size: .75em; line-height: 1.5em; margin: 0; padding: 0; }
.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-color: #f5f5f5; }
#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; }


#container .breadcrumb-cat {border-bottom:0px none; text-align: center; line-height: 60px; height: 60px;}
#container .breadcrumb-cat ul {display: block;}
#container .breadcrumb-cat li {float: none;}
#container .breadcrumb-cat li a {font-size: 1.2em; font-weight: normal; color: #333;}
#product-list .results .tool-wrap {height:50px; padding: 16px 0; text-indent: 0;}
#product-list .results .MK_product_list .items ul li {text-align: center;}
#product-list .results .tool-wrap .links a {font-size: 1em;}
.items-wrap .items[data-type=gallery] > li {width: 25%;}
.results .more {display: block; width: 60%; text-align: center; margin: 0 auto; background-color: #333; padding: 2px; margin: 20px auto; color:#fff;}
.results .more a {color:#fff;}
.results .more i {margin-left:5px;}

.mcate {height: 50px; text-align: center;}
#product-list .results .tool-wrap {border-top: 1px solid #e1e1e1; margin-top: 10px; padding: 10px 0 0 0;}
@media screen and (min-width:768px) and (max-width:1200px) {
.mcate li {display: inline-block; margin: 0 15px;}
}
@media screen and (min-width:320px) and (max-width:767px) {
#container .breadcrumb-cat {height:46px;}
#product-list .results .MK_product_list .items ul li {font-size:10px;}
#product-list .results .MK_product_list .items ul li span {display:none;}
.mcate li {display: inline-block; margin: 0 5px; font-size:12px;}
#product-list .results .tool-wrap .links a {font-size:12px;}
#product-list .results .MK_product_list h3 {text-align:center; text-indent:0;}
.subname {display:none;}
}
@media screen and (min-width:320px) and (max-width:419px) {
	.items-wrap .items[data-type=gallery] > li {width:33.3%;}
	.items-wrap .items[data-type=gallery] > li dl {min-height: 240px;}
}
@media screen and (min-width:420px) and (max-width:639px) {
	.items-wrap .items[data-type=gallery] > li {width:25%;}
	.items-wrap .items[data-type=vertical] > li {float: left; width: 50%;}
}
@media screen and (min-width:640px) and (max-width:959px) {
	.items-wrap .items[data-type=vertical] > li {float: left; width: 50%;}
	.items-wrap .items[data-type=gallery] > li {width: 25%;}
}
@media screen and (min-width:960px) {
	.items-wrap .items[data-type=vertical] > li {float: left; width: 50%;}
	.items-wrap .items[data-type=gallery] > li {width: 16.6%;}
}
/* BASIC css end */