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

.more_btn {background:url('/design/chgmllub/dfl_mobile/common/main_more_bar.gif') repeat-x center top; text-align:center}

.cate_title {text-align:center; text-transform: uppercase; font-family:'Open Sans Condensed'; font-weight:700 }
.tool-wrap .back-btn {float:left; padding:0 0 0 10px}
.tool-wrap .type-btn {float:right; padding:0 10px 0 0}

#product-list .items-wrap .items[data-type=horizontal] li { min-height: 100%; }
#product-list .results .tool-wrap { width: 100%; position: relative; padding: 5px 0; height: 33px;  }
#product-list .results .tool-wrap select { width: 100%; font-size:13px; vertical-align:sub; }
#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 .item-info {display:inline-block; width:40%; }
#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: 25px 0 15px;  height: 33px;  }
#product-list .results .tool-wrap .links a { display: inline-block; margin: 0 2px; font-size: .75em;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; display:none}

#product-list .results .category-title {margin-top:124px;}
#product-list .results .category-title img { width: 100%; }

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

.cate-wrap {text-align:center; overflow: hidden; margin:30px 0 15px; }
.cate-wrap .bcate { padding: 10px 0 15px; text-transform: uppercase; }
.cate-wrap .bcate a {font-weight:bold; }
.cate-wrap .mcate {display:inline-table; width:90%; }
.cate-wrap .mcate li {display:inline-block; vertical-align:top; width:25%; }
.cate-wrap .mcate li a {font-size:11px; display:block;  }
.cate-wrap .mcate li a:after {content:'/'; display:inline-block; color:#aaa; float: right; }
.cate-wrap .mcate li:nth-child(4n+4) a:after,
.cate-wrap .mcate li:last-child a:after {content:''; }

/* 갤러리형 
.items-wrap .items[data-type=gallery] { padding : 7px 0; margin:0 auto; text-align:center; height:auto; min-height:100%;}
.items-wrap .items[data-type=gallery] > li { float: left; position: relative; width: 31.333%; height:180px !important; margin: 0 1%;}
.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:1px;}
.items-wrap .items[data-type=gallery] .thumb-img {}
.items-wrap .items[data-type=gallery] .pname { text-align:left; color: #000000; margin-top: 0; }
.items-wrap .items[data-type=gallery] .pname2 { text-align:left;  margin-top: 0; padding: 5px 0;;}
.items-wrap .items[data-type=gallery] .price-info {}
.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; }
*/

/* =============================================================================
   아이콘 및 품절배경 관련
================================================================================*/
.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 {  }
.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; padding:10px 0 40px; margin: 0; border-bottom:1px solid #ddd; overflow: hidden; }
#product-list .results .MK_product_list h3 {text-align: center; font-size: 12px; font-family: 'Nanum gothic', 'Noto serif'; font-weight: bold; text-transform: uppercase; margin: 30px 0 10px; letter-spacing: 1px; }
#product-list .results .MK_product_list li {font-size: 12px; }
#product-list .results .MK_product_list .title {border:solid 1px #191919; width:40%; height:33px; font-family:'Open Sans'; background:#ffffff; text-align:center; margin:0 auto 20px auto; display:block}
#product-list .results .MK_product_list .thumb img  {width:100%; }
#product-list .results .MK_product_list .nameArea {border-bottom: 1px solid #ddd; padding: 0 0 3px; margin: 0 0 3px; }
#product-list .results .MK_product_list .listName {font-size: 11px; margin: 7px 0 2px; word-wrap: break-word; word-break: break-word; color: #000; }
#product-list .results .MK_product_list .listDiscount {color: #888; }
#product-list .results .MK_product_list .listPrice {color: #000; font-weight: bold;  }
#product-list .results .MK_product_list .swiper-pagination-bullet {width:10px; height:10px; border-radius:0; margin:0 3px; }
#product-list .results .MK_product_list .swiper-pagination {bottom:10px;  }


.list_shopping2x {text-align:center; position:relative; margin:0 0 50px;}
.list_shopping2x h1 {font-family: 'Noto Serif', serif; font-size:18px; letter-spacing:0.5px; margin:0; }
.list_shopping2x h2 {color:#9d9d9d; letter-spacing:0.5px; font-size:10px; margin:0; font-weight:normal; }
.list_shopping2x .items {margin:0; box-sizing: border-box; display:inline-table; text-align:left; }
.list_shopping2x .items:after {content:""; display:block; clear:both; }
.list_shopping2x .items li {width:50%; padding:2px 5px; box-sizing:border-box; display:inline-block; font-size:12px; margin:0 0 15px 0; vertical-align: top; text-align:left; }
.list_shopping2x .items li .listPic {width:100%; }
.list_shopping2x .items li .thumb {position:relative; }
.list_shopping2x .items li .thumb .icons {position: absolute; left: 2px; top: 2px; }
.list_shopping2x .items li .thumb .icons img {width:28.5px; }
.list_shopping2x .items li .thumb .listPicBig {display:none; }
.list_shopping2x .items li .listName {font-size:11px; margin:7px 0 2px; word-wrap: break-word; word-break: break-word; color:#000;  }
.list_shopping2x .items li .etcName {font-size:11px; color:#888; margin:0 0 3px; }
.list_shopping2x .items li .listDiscount {color:#888; }
.list_shopping2x .items li .listPrice { color:#000; font-weight:bold; }
.list_shopping2x .items .nameArea { padding:0 0 3px; margin:0 0 3px; }
.more {  }
.more .btn_moreGray {margin: 0 auto;
    width: 120px;display: block;
    padding: 10px;
    border-radius: 30px;
    font-size: 10px;
    font-family: 'Roboto',"맑은 고딕",sans-serif;
    /*border: 1px solid #d7d7d7;*/
    color: #6d6d6d;
    font-weight: normal;
    background: #fff;
    letter-spacing: 0.5px;}


#MS_product.align1 li {width:100%; padding:0; }
#MS_product.align1 li .thumb {width:60%; float:left; }
#MS_product.align1 li .thumb .listPic {display:none; }
#MS_product.align1 li .thumb .listPicBig {display:block; width:100%; }
#MS_product.align1 li .list_shoppingInfo {width:38%; float:right; }
#MS_product.align2 li {width:50%; }
#MS_product.align3 {margin:0 -0.3333% 0 0; }
#MS_product.align3 li { width:33%; margin:0 0.3333% 0.3333% 0; padding:0; }
#MS_product.align3 .thumbnail {margin:0 0 2px; padding:0 1px; }
#MS_product.align3 .list_shoppingInfo {display:none; }

.viewType { display: inline-block; float: right; padding: 0 10px; }
.viewType li {width:18px; height:18px; background-position:0 -16px; font-size:0; display:inline-block; margin:3px; display:inline-block; vertical-align: top; }
.viewType li.tab1 {background:url('/design/chgmllub/PL/img/catealign1btn.png') no-repeat; background-position:0 0; background-size:18px 36px; }
.viewType li.tab2 {background:url('/design/chgmllub/PL/img/catealign2btn.png') no-repeat; background-position:0 -18px; background-size:18px 36px; }
.viewType li.tab3 {background:url('/design/chgmllub/PL/img/catealign3btn.png') no-repeat; background-position:0 0; background-size:18px 36px; }
/* BASIC css end */