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

/* »ó´Ü ½½¶óÀ̵å */
#visual{width:45%; position:relative; overflow:hidden;}
#visual .visual-cell{width:100%;}
#visual .visual-cell a{display:block;}
#visual .visual-cell a img{width:100%;}
#visual .flickity-page-dots{bottom:30px; text-align:left; padding-left:30px;}
#visual .flickity-page-dots .dot{width:6px; height:6px; margin:0 4px; background:#e4e4e4;}

#banners{width:calc(55% - 20px); margin-left:20px;}
#banners ul{height:100%;}
#banners ul li{width:100%; height:calc(50% - 10px); margin-bottom:20px;}
#banners ul li:last-child{margin:0;}
#banners ul li a{display:block; height:100%;}
#banners ul li a img{width:100%; max-height:100%;}




/* »óÇ° */
#prd_best,
#prd_new{padding-top:100px;}

#prd_best.ec-base-product .prdList > li{padding-bottom:0; margin-bottom:18px; overflow:hidden;}
#prd_best.ec-base-product .prdList .thumbnail{margin:0;}
#prd_best.ec-base-product .prdList .description{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(78,71,71,0.3); 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.ec-base-product .prdList .description .name{border-color:#d5d5d5;}
#prd_best.ec-base-product .spec li .color{top:17px; right:15px;}

#prd_best.ec-base-product .prdList > li:hover .description{transform: translateY(0); opacity:1;}