/* BASIC css start */
.xans-product-listrecommend {
	position:relative;
	background:#fff;
	margin: 80px 0 66px !important;
	padding:0;
	border-bottom: 1px solid #4f4f4f;
}
.xans-product-listrecommend .ranking {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
	font-size:11px;
	line-height:1.0;
	width:36px;
	padding:5px 0;
	color:#fff;
	background:#aaa;
	text-align:center;
}
.xans-product-listrecommend .ranking:before {
	content:"BEST";
	display:block;
}
.xans-product-listrecommend .cateTitle {
    text-align: center;
    overflow: hidden;
    height: 30px;
   /* margin-bottom: 25px;*/
   margin-bottom:44px;
}
.xans-product-listrecommend .cateTitle h3 {display:inline-block;width: 190px;height:30px;background:#fff;font-size: 30px;line-height: 30px;color:#333;text-transform: uppercase; font-weight:bold;}
.xans-product-listrecommend .cateTitle .line {margin-top: -15px;width: 100%;background: #4f4f4f;display: block;height: 1px;}

.xans-product-listrecommend .title {
	position:relative;
	padding:0;
	margin:30px 0;
	text-align:center;
}
.xans-product-listrecommend .title p {
	font-size:16px;
	letter-spacing:2px;
	color:#777;
}
.xans-product-listnew {
	position:relative;
	background:#fff;
	margin:50px 0;
	padding:0;
}
.xans-product-listnew .ranking {
	display:none;
}
.xans-product-listnew .title {
	position:relative;
	padding:0;
	margin:40px 0;
	text-align:center;
}
.xans-product-listnew .title:before {
	position:absolute;
	width:100%;
	height:1px;
	top:13px;
	background:#ddd;
	display:block;
	content:"";
}
.xans-product-listnew .title p {
	position:relative;
	z-index:1;
	font-size:12px;
	margin:0 auto;
	letter-spacing:2px;
	background:#333;
	color:#fff;
	width:220px;
	padding:5px 0;
}
 .xans-product-listnew > ul[class*="grid"] {
font-size:0;
padding:0px;
-webkit-box-sizing:border-box;
-khtml-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
 .xans-product-listnew > ul[class*="grid"] > li {
position:relative;
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
margin-bottom:20px;
padding:0px;
-webkit-box-sizing:border-box;
-khtml-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}


.subname { 
    padding : 7px 0 ;
    color : #a1a1a1;
}
.cate {
    background-color:#333;
    overflow:hidden;
}
.cate li {
    float:left; height:60px;
    padding: 0 39px;
    text-align:center;
}
.cate li:first-child {
    width:150px;
    padding:0;
}
.cate li a {
    display:block;
    color:rgba(255,255,255,.8);
    font-size: 16px; /*font-weight:bold;*/
    line-height:60px;
}

#mvSubBar.scroll-fix {
    top:0;
    /*position:fixed;
    z-index:999;
    /*width:100%;*/
}

#mvSubBar li a.is-sel {
    font-weight:normal; 
    /*text-decoration: underline #fecbae 6px;*/
    color:#fff;
}

/*½Ã°£ Ä«¿îÆ®*/

.event-wrap { position:relative; }
.timeWrap { position:absolute; top:10px; left:50%; margin:0 auto; text-align:center; font-family:'Noto Sans KR', sans-serif; padding:40px 0; color:#fff; transform:translateX(-50%) scale(1.5); opacity:.8;}
.timeWrap .time-title { font-size:12px; padding: 10px 0; }
.timeWrap span { position:relative; display:inline-block !important; font-size:30px; font-weight:blod; background-color:rgba(0,0,0,.8); padding-right:10px; padding-left:10px; border-radius:8px;  } 
.timeWrap span:after { content:''; position:absolute; background-color:rgba(255,255,255,.2); width:100%; height:1px; left:0; top:50%; transform:translateY(-50%);}
.timeWrap span.col { background-color:transparent; padding: 0;}
.timeWrap span.col:after {display:none;}
.timeWrap span.dDay { margin-right: 10px; }
.timeWrap span.dDay span.col {color:#fff;}


/*ºò ½½¶óÀÌµå*/

/*
#topContents .big-slide {
    /*padding:60px 40px 40px;
}
#topContents .big-slide .swiper-wrap {
    overflow:hidden;
    padding:20px 0;
    margin:20px auto 0;
}

#topContents .big-slide .swiper-wrap .swiper-wrapper {

    width:1300px;
    overflow:hidden;
    padding:20px 0;
    margin:20px auto 60px;
}
*/

#topContents .big-slide .swiper {
  width: 100%;
  height: auto;
}

#topContents .ps-slide {
    position:absolute;
    top:0; left:0;
    width:100%;
}

#topContents .big-slide .swiper .swiper-slide {
    background-color:transparent;
    color:#fff;
  /*height:150px;*/ line-height:150px; text-align:center;
}

#topContents .big-slide .swiper .swiper-slide img {
    width:100%;
  /*border:1px solid #eee;*/
}

#topContents .big-slide .swiper-button-prev {
    color:#333;
}
#topContents .big-slide .swiper-button-next {
    color:#333;
}


/*½º¸ô ½½¶óÀÌµå*/


/*#topContents .small-slide {
    padding:60px 40px 40px;
}*/

#topContents .small-slide .swiper-wrap {
    overflow:hidden;
    padding:0 10px 0 0;
}

/*#topContents .small-slide .swiper-wrap .swiper-wrapper {

    width:1300px;
    overflow:hidden;
    padding:20px 0;
    margin:20px auto 60px;
}*/


#topContents .small-slide .swiper {
  width: 100%;
  height: auto;
}

#topContents .ps-slide {
    position:absolute;
    top:0; left:0;
    width:100%;
}

#topContents .small-slide .swiper-slide {
    background-color:transparent;
   /*color:#fff;
  height:150px; line-height:150px; text-align:center;*/
}

#topContents .small-slide .swiper .swiper-slide img {
    width:550px;
  /*border:1px solid #eee;*/
}

#topContents .small-slide .swiper-button-prev {
    color:#fff;
}
#topContents .small-slide .swiper-button-next {
    color:#fff;
}


#topContents .best {
    position:relative;
}
#topContents .forlife-sec {
    position:relative;
}
#topContents .mf-sec {
    position:relative;
}


#topContents .small-slide .swiper-button-prev {
    color:#fff;
}
#topContents .small-slide .swiper-button-next {
    color:#fff;
}



:root {
  --swiper-navigation-color:#fff;
}
/* BASIC css end */

