@charset "utf-8";
/* ==========================================================================
   shop_prd_list.css — shop 상품 리스트 페이지 (recom / bottom banner)
   filter는 shop_common.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   layout — select_opt / prd_box_list
   -------------------------------------------------------------------------- */
.shop_list .select_opt_area{max-width: 1280px;margin: 0 auto;padding: 0 20px;}
.shop_list .prd_box_list{max-width: 1280px;margin: 0 auto;padding: 0 20px;}

/* --------------------------------------------------------------------------
   recom_item_area — 추천 상품
   -------------------------------------------------------------------------- */
.m_layer .recom_list.mCSb_x{overflow-x:auto}
.recom_item_area{background: #fafafa;padding: 100px 0;margin-top:100px;}
.recom_item_area h5{text-align: center;font-size: 48px;color: #000;margin-bottom: 30px;font-family:'Marian';font-weight:bold}
.recom_item_area .inner_thum{background:#fff}
.recom_item_area h5.ff_yoon{font-family:'yoonb';font-weight: normal;font-size:30px;}
.recom_ul{white-space: nowrap;list-style: none;padding: 0;margin: 0;}
.recom_ul > li{display:inline-block;vertical-align: top;}
.recom_ul > li .prd_box{padding:0 20px 20px 0;}
.recom_ul > li:last-child .prd_box{padding:0 0 20px 0}
.recom_list .mCSB_scrollTools.mCSB_scrollTools_horizontal{opacity:1;}
.recom_list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:1px;background:#000}
.recom_list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:1px;background:#e1e1e1;}
.recom_item_area .thum_info{width: 300px;}

/* --------------------------------------------------------------------------
   prd_bottomBnnr — 하단 배너
   -------------------------------------------------------------------------- */
.prd_bottomBnnr{padding:85px 0}
.prd_bottomBnnr > ul > li{width: 50%;float:left;padding:10px 10px}
.prd_bottomBnnr > ul > li.full{width:100% !important}
.prd_bottomBnnr{max-width:1260px;margin:0 auto;}
.prd_bottomBnnr a{position: relative;display: block;}
.prd_bottomBnnr li{width: 610px}
.prd_bottomBnnr li img{width:100%}
.prd_bottomBnnr .dl_inner{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.prd_bottomBnnr .dl_innerBox{display:table;width:100%;height:100%}
.prd_bottomBnnr dl{color: #fff;text-align: center;display: table-cell;vertical-align: middle;}
.prd_bottomBnnr dl.black{color:#000 !important}
.prd_bottomBnnr dt{font-weight:bold;font-size:36px;margin-bottom:8px;font-family:'Marian';letter-spacing: 0.06em;}
.prd_bottomBnnr dt span{font-size:21px;}
.prd_bottomBnnr dd{font-size:18px}
.prd_bottomBnnr dd.page_name{display:inline-block;font-size: 16px;border-bottom: 1px solid #fff;margin-top:20px;font-family:'yoonb';}
.prd_bottomBnnr dl.black dd.page_name{border-bottom: 1px solid #000}

/* --------------------------------------------------------------------------
   responsive — ≤1024px
   -------------------------------------------------------------------------- */
@media only all and (max-width:1024px){
	.shop_list .prd_box_list{padding:0 20px}
}

/* --------------------------------------------------------------------------
   responsive — ≤1023px
   -------------------------------------------------------------------------- */
@media only all and (max-width:1023px){
	.shop_list .prd_box_list{padding:0 0}
	.recom_item_area h5{font-size: 30px;margin-bottom:25px;}
	.recom_item_area{padding:40px 0 30px;margin-top:50px;margin-bottom: 50px;}
	.recom_item_area .thum_info{padding:20px 0;width: 200px;}
	.prd_bottomBnnr{padding:35px 0}
	.shop.prd_bottomBnnr > ul > li{width:50%;float:left;padding:10px 10px}
	.prd_bottomBnnr > ul > li{width:100%;float:none;padding:5px 0}
	.prd_bottomBnnr > ul > li img{object-fit:cover;height:210px}
	.prd_bottomBnnr{max-width:1260px;margin:0 auto;padding-bottom: 50px;}
	.prd_bottomBnnr a{position: relative;display: block;}
	.prd_bottomBnnr li{width: 610px}
	.prd_bottomBnnr li img{width:100%}
	.prd_bottomBnnr dl{padding:0 30px}
	.prd_bottomBnnr dt{font-size:26px;margin-bottom:5px}
	.prd_bottomBnnr dd{font-size:14px}
	.prd_bottomBnnr dd.page_name{font-size: 14px;border-bottom: 1px solid #fff;margin-top:20px;}
	.shop_list .select_opt_area{position:relative;padding: 0;}
	.shop.prd_bottomBnnr{padding:45px 5px 5px}
	.shop.recom_item_area {margin-top:0;}
	.motb_cover .recom_item_area{background:#fff;padding:0 40px;margin-top:10px;display:none;}
}

/* --------------------------------------------------------------------------
   responsive — ≤640px
   -------------------------------------------------------------------------- */
@media only all and (max-width:640px){
	.recom_item_area .thum_img img{max-width: 170px;}
	.recom_item_area .prd_box{height:450px;margin-bottom:0;}
	.recom_item_area .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:0;}
	.motb_cover .recom_item_area{background:#fff;padding:0 0;margin-top:10px;display:none;}
	.prd_bottomBnnr > ul > li,.shop.prd_bottomBnnr > ul > li{width:100%;float:none;padding:5px 0}
}