/* BASIC css start */
/*====================================================================*/
/******************************** Main ********************************/
/*====================================================================*/
#contents{padding-top:42px !important;}
#cateBox{padding-top:0 !important;}
#one_cate {display:none;}
main #one_cate {display:block;padding-top:0 !important;}

/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: absolute;left: 0;text-align: center;width: 100%;bottom: 20px; }
#event .pagination .swiper-pagination-switch { display: inline-block;width: 5px;height: 5px;background: #e4e4e4;margin: 0 5px;border-radius: 50%;opacity: 0.25;}
#event .pagination .swiper-active-switch { opacity: 1;}
/* //롤링배너 */




/* 2개 메인배너 */
#bn_event{}
#bn_event ul{}
#bn_event ul li{width:100%; display:block; position:relative; line-height:20px; cursor:pointer;}
#bn_event ul li a{display:block;}
#bn_event ul li img{width:100%;}

#bn_event .carousel-banSlide .flickity-viewport{}
#bn_event .carousel-banSlide .flickity-prev-next-button{display:block; width:45px; height:100%; transition:all 0.25s ease-in-out; z-index:99 !important; position:absolute; top:0; opacity:1 !important; background:transparent;} 
#bn_event .carousel-banSlide .flickity-prev-next-button svg{position:relative; top:inherit; left:inherit; display:inline-block; text-align:center; width:50%;}
#bn_event .carousel-banSlide .flickity-prev-next-button .arrow{fill:rgba(72, 65, 65, 0.45);}
#bn_event .carousel-banSlide .flickity-prev-next-button.previous{left:0%;} 
#bn_event .carousel-banSlide .flickity-prev-next-button.next{right:0%;}



/* 상품 */
#prd_best,
#prd_new{margin-top:60px;}

/* 베스트 */
.ec-base-product{padding:0;}
.ec-base-product img{max-width:100%;}
.ec-base-product [class*="grid"]{display:block; width:100%; box-sizing:border-box; padding:0 4px; font-size:0; line-height:0; letter-spacing:0;}
.ec-base-product [class*="grid"] > li{display:inline-block; padding-bottom:30px; vertical-align:top; text-align:left; letter-spacing:0px; line-height:14px; box-sizing:border-box;}

.ec-base-product .grid2 > li{width:50%;}
.ec-base-product .grid3 > li{width:32.333%;}
.ec-base-product .grid2 > li:nth-child(odd){padding-right:2px;}
.ec-base-product .grid2 > li:nth-child(even){padding-left:2px;}
.ec-base-product .grid3 > li{margin-right:1.5%;}
.ec-base-product .grid3 > li:nth-child(3n){margin-right:0;}

#prd_best .ec-base-product .prdList > li{ margin:0 !important; padding:0 !important; position:relative;}
#prd_best .ec-base-product .prdList.grid2 > li{width:50% !important;}
#prd_best .ec-base-product .prdList.grid3 > li{width:33.33% !important;}
#prd_best .ec-base-product .prdList > li .thumbnail{margin:0 !important;}
#prd_best .ec-base-product .prdList > li .description-block{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(78,71,71,0.3); opacity:0; visibility:hidden; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#prd_best .ec-base-product .prdList > li .description-block.active{opacity:1; visibility:visible;}
#prd_best .ec-base-product .prdList > li .description-table{display:table; width:100%; height:100%;}
#prd_best .ec-base-product .prdList > li .description{display:table-cell; vertical-align:middle; text-align:center; padding:10px;}
#prd_best .ec-base-product .prdList > li .description strong,
#prd_best .ec-base-product .prdList > li .description p{display:block; color:#f1f1f1; letter-spacing:0.5px; margin:3px 0; font-weight:400; font-size:11px;border-bottom:0;}



main #titleArea {margin:60px 0 ;}
main #titleArea h2{   border:0; display: block;letter-spacing: 1px;font-weight: normal;letter-spacing: 5px;font-size: 10px;font-weight: 400;color: #424242;font-style: italic;text-align: center;padding: 0;}
#contents {background:#fdfdfb;}
/* BASIC css end */