/* BASIC css start */
/*====================================================================*/
/******************************** Main ********************************/
/*====================================================================*/
#mainTop{width:100%;}
#mainTop:after{content:""; display:block; clear:both;}
#mainTop > div{float:left;}

/* 상단 슬라이드 */
#visual{width:100%; position:relative; overflow:hidden;}
#visual .visual-cell{width:100%;}
#visual .visual-cell a{display:block;}
#visual .visual-cell a img{max-width:100%;}
#visual .flickity-page-dots{bottom:30px;}
#visual .flickity-page-dots .dot{width:6px; height:6px; margin:0 6px; background:#fdfdfd;}

/* 배너 */
#banArea{margin-top:20px;}
#banArea ul{font-size:0; line-height:0; letter-spacing:0;}
#banArea ul li{display:inline-block; vertical-align:middle; width:calc(50% - 10px);}
#banArea ul li:first-child{margin-right:20px;}
#banArea ul li a{display:block;}
#banArea ul li a img{max-width:100%;;}


/* 상품 */
#prd_best,
#prd_new{padding-top:30px;}

.titleArea { margin: 30px auto !important;}

#prd_best .prd-wrap .prd-list > li{position:relative;padding-bottom:0; margin-bottom:18px; overflow:hidden;}
#prd_best .prd-wrap .prd-list .thumbnail{margin:0;}
#prd_best .prd-wrap .prd-list > li .prd-info{position:absolute; bottom:0; left:0; width:100%; min-height:30%; line-height:16px; padding:18px 20px; box-sizing:border-box; cursor:pointer; background:rgba(255,255,255,0.7); transform: translateY(20%); opacity:0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#prd_best .prd-wrap .prd-list > li .prd-info .prd-name{border-bottom:1px solid #d5d5d5;font-size:12px; color:#717171;}
#prd_best .prd-wrap .prd-info .prd-price{ color:#717171 !important;}
#prd_best .prd-wrap .prd-info .prd-subname{color:#8a8a8a !important;}
#prd_best .prd-wrap .prd-list > li .prd-color {top:17px; right:15px;}
#prd_best .prd-wrap .prd-list > li .prd-color .white {border:0;}
#prd_best .prd-wrap .prd-list > li .prd-info{transform: translateY(20%);opacity: 0;}
#prd_best .prd-wrap .prd-list > li:hover .prd-info{transform: translateY(0); opacity:1;}
#prd_best .prd-wrap .prd-list .prd-thumb {margin-bottom:0;}
#prd_best .prd-wrap .prd-info .prd-name,
#prd_best .prd-wrap .prd-info .prd-price,
#prd_best .prd-wrap .prd-info .prd-subname {color:#cecece;font-size:11px;}
#prd_best .prd-wrap .prd-info .prd-consumer,
#prd_best .prd-wrap .prd-info .ico_soldout {display:none !important;}
/* BASIC css end */