/* BASIC css start */
body select { background: #fff url(/design/sleepgongg/img/admin/select_arrow_2.png) no-repeat right center; background-size: 15px;
  text-align: right;
  padding:0 15px 0 5px;
  border: 0; font-size: 14px;
  height: 30px;
  line-height: 30px;}
body .df-list-product ul.prdList p.name {padding-bottom:0;}

.MK-product-icons img {max-height:15px;}

.df-list-product ul.prdList li.item .box {text-align:left;}

.productTopbanner img {width:100%; height:auto;}
.df-list-product {display:inline-block;}
.df-list-product ul.prdList ul .discountrate {font-size:14px;}

.df-list-product ul.prdList li.item {width:50%; padding:0 10px; box-sizing:border-box; margin-bottom:20px; margin-top:0;}
.df-list-product ul.prdList li.item:nth-of-type(odd) {padding-right:5px;}
.df-list-product ul.prdList li.item:nth-of-type(even) {padding-left:5px;}
.xans-product-normalmenu { float: right; overflow: hidden; margin: 4px 10px 10px; background: #fff; }
.xans-product-normalmenu:after {display:block; clear:both; content:"";}

#lnb > div > div.type-scroll > div.scroll > div.cont1 > ul > li:nth-child(1){position:relative;}
#lnb > div > div.type-scroll > div.scroll > div.cont1 > ul > li:nth-child(1) > a > span:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #555; content: ""; z-index: 0; }

.xans-product-menupackage .titleArea {	margin:0 }
.xans-product-menupackage ul.depth1 {text-align:left; float:left; margin:40px 10px 0px;}
.xans-product-menupackage ul {	padding:0px; text-align:left;	font-size:0; margin-top:5px }
.xans-product-menupackage ul.depth1 > li {margin-right:20px;}



.xans-product-menupackage ul .icoOpen {
width:13px;
cursor:pointer;
vertical-align:top
}
.xans-product-menupackage ul li {
position:relative;
display:inline-block;
vertical-align:top
}

.xans-product-menupackage ul li>a:after {    z-index: -1;
  position: absolute;
  content: "";
  bottom: 4px;
  width: 0%;
  height: 8px;
  background: #ffffff;
  opacity: .3;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 1s;}
.xans-product-menupackage ul li>a.selected:after {width:100%;}

.xans-product-menupackage ul li>a {
position:relative;
display:inline-block;
font-size:14px;
color:#777;
vertical-align:top;
height:30px;
line-height:30px;
}
.xans-product-menupackage ul li.prev-depth a {
max-width:50px;
font-size:10px;
border:1px solid #959595;
background:#fff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.xans-product-menupackage ul li.prev-depth a i {
font-size:11px;
margin-right:4px;
color:#888
}
.xans-product-menupackage .menuCategory .button.selected {
z-index:11
}
.xans-product-menupackage .menuCategory .button.selected .subCategory {
display:block
}
.xans-product-menupackage .menuCategory li.xans-product-displaysubcategory {
display:inline-block;
border:0
}
.xans-product-menupackage .banner {
}
.xans-product-menupackage .banner img {
width:100%
}

.selected{
  font-weight: 600 !important;
  color: #222  !important;
}
  
.new_icon {display:flex; height:33px; padding:5px 0; box-sizing:border-box;}
.new_icon > .icon_div {flex:1 1 auto; padding-top:3px; }
.new_icon > .icon_div span {display:block; width:75%; white-space: nowrap;}
.new_icon > .icon_div span img {vertical-align:top;}

.new_review {position:relative; text-align: right; letter-spacing:-0.5px; white-space: nowrap;}
.new_review:before {content:''; position:absolute; top:0; left:-5px; width:5px; height:100%; background: linear-gradient(to right, rgba(255,255,255,0.1), #fff 80%);}
.new_review .txt { display: inline-block;  margin-right:2px;   font-size: 1em !important;  color: #b2b2b2 !important; font-weight:500; font-family: 'Montserrat','Noto Sans KR', sans-serif; }
.new_review .crema-product-reviews-count { display: inline-block;     font-size: 1em !important;  color: #b2b2b2 !important; font-weight:500; font-family: 'Montserrat','Noto Sans KR', sans-serif; }

.new_name {position:relative; border-bottom:1px solid #e7e7e7; padding-bottom: 3% !important; float:left;      width: 100%; margin-bottom: 4%;}
.new_name a span {display:inline-block; max-width:100%; font-size: 1.15em!important;letter-spacing:-0.5px;color: #222!important; font-weight:500; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; line-height: 1.3em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.new_name a span.txt_soldout {position:absolute; top:0; right:0; background:#fff; color:red !important; overflow:visible;}
.new_name a span.txt_soldout:before {content:''; position:absolute; top:0; left:-15px; width:15px; height:100%; background: linear-gradient(to right, rgba(255,255,255,0.1), #fff 80%);}

.new_discountrate {display:block  !important; float:left; position: relative !important; top: 0 !important; right:auto !important; left:0 !important; width:20%; min-width:auto !important; max-width:100% !important; padding:0 !important; background: none !important; color: #f96512 !important; font-size: 1.3em !important; line-height: 16px!important; font-weight: 600 !important; letter-spacing:-1px; text-align:left !important; box-shadow: none !important; font-family: 'Montserrat','Noto Sans KR', sans-serif !important; z-index:auto !important; white-space:nowrap;}

.new_price_dis {  width:80%; float:right; text-align:right; font-size:12px; letter-spacing:-0.5px; line-height: 20px; color:#222; font-weight:400; font-family: 'Montserrat', 'Noto Sans KR'; white-space: nowrap;}
.new_price_dis .dt {margin-right:5px;}
.new_price_dis strong {font-size: 1.2em; font-weight:600;}

.new_price_etc {  width:80%; float:right; text-align:right; font-size:12px; letter-spacing:-0.5px; line-height: 20px; color:#f96512; font-weight:400; font-family: 'Montserrat', 'Noto Sans KR'; white-space: nowrap;}
.new_price_etc .dt {margin-right:5px;}
.new_price_etc strong {font-size: 1.2em; font-weight:600;}

.new_price_sell {width:80%;float:right;text-align:right;font-size: 0.9em; font-weight:400; letter-spacing:-0.5px;line-height:16px; text-decoration:line-through;color:#b2b2b2; font-family: 'Montserrat','Noto Sans KR', sans-serif; white-space: nowrap;}

.df-list-product ul.prdList .thumbnail { margin-bottom:1%; }

/* 2020-10-10 */
.dm_prd_wrap { padding-top: 0; margin-top: -20px; overflow: hidden; } 
.dm_prd_titlebox { position: relative; } 
.dm_prd_titlebox .dm_prd_title { color: #191919; font-size: 24px; line-height: 30px; font-weight: 800; text-align: center; } 
.dm_prd_titlebox .btn_more { position: absolute; top: 50%; right: 5px; height: 24px; padding: 0 10px; margin-top: -12px; border: 1px solid #707070; border-radius: 20px; color: #222; font-size: 12px; line-height: 22px; font-weight: 300; text-align: center; box-sizing: border-box; }
.dm_prd_list { display: flex; flex-wrap: wrap; margin: 0 -4px; } 
.dm_prd_list .dm_prd_item { width: 50%; padding: 20px 4px 10px; box-sizing: border-box; } 
.dm_prd_item .imgbox { display: block; position: relative; } 
.dm_prd_item .imgbox .img img { width: 100%; } 
.dm_prd_item .txtbox { display: block; padding: 11px 7px 0; } 
.dm_prd_item .status { display: none; } 
.dm_prd_item .prd_namebox { display: flex; align-items: center; } 
.dm_prd_item .prd_namebox .name { margin-right: auto; color: #191919; font-size: 16px; line-height: 1.35; font-weight: 700; } 
.dm_prd_item .prd_namebox .txt_soldout { margin-left: 8px; color: red; font-size: 13px; line-height: 15px; font-weight: 700; white-space: nowrap; } 
.dm_prd_item .prd_namebox .txt_soldout { margin-left: 8px; color: red; font-size: 13px; line-height: 15px; font-weight: 700; white-space: nowrap; } 
.dm_prd_item .prd_pricebox { display: flex; flex-wrap: wrap; margin-top: 5px; } 
.dm_prd_item .prd_pricebox .price_sell { width: 100%; margin-bottom: 6px; color: #cdcdcd; font-size: 14px; line-height: 13px; font-weight: 300; text-decoration: line-through; }
.dm_prd_item .prd_pricebox .discountrate { display: block; position: static; max-width: 100%; min-width: auto; height: auto; padding: 0; margin-right: 10px; border-radius: 0; box-shadow: none; background: none; color: #f96512; font-size: 17px; line-height: 16px; font-weight: 700; letter-spacing: -0.28px; text-align: left; }
.dm_prd_item .prd_pricebox .price_dis { color: #f96512; font-size: 17px; line-height: 16px; font-weight: 600; }
.dm_prd_item .prd_review_box { display: flex; align-items: flex-end; margin-top: 10px; }
.dm_prd_item .prd_review_box .prd_review_score { margin-right: 7px; color: #000; font-size: 15px; line-height: 14px; font-weight: 400; }
.dm_prd_item .prd_review_box .prd_review_score .ico_star { color: #f96512; }
.dm_prd_item .prd_review_box .prd_review_count { color: #000; font-size: 15px; line-height: 13px; font-weight: 400; }
.dm_prd_item .prd_review_box .prd_review_count .crema-product-reviews-count { color: inherit !important; font-size: 13px !important; }
.dm_prd_item .prd_subname { margin-top: 5px; color: #707070; font-size: 14px; line-height: 19px; font-weight: 300; }
.dm_prd_item .prd_iconbox { padding-top: 3px; }
.dm_prd_item .prd_iconbox .MK-product-icons { display: block; margin-left: -5px; }
.dm_prd_item .prd_iconbox .MK-product-icons img { width: auto !important; height: 18px !important; margin: 5px 0 0 5px; padding: 0; }
/* BASIC css end */