/* BASIC css start */
/*====================================================================*/
/******************************** Main ********************************/
/*====================================================================*/
#content{width:100% !important;}
.titleArea{margin:0 auto 70px !important;}
.titleArea h2{font-size:20px !important;}
footer{margin-top:0 !important;}



/* 상단 슬라이드 */
#visual{position:relative; width:100%; overflow:hidden;}
#visual li{width:100%;}
#visual li a{display:block;}
#visual li a img{width:100%;}



/* SPOTLIGHT */
#prd_slide{width:100%; height:100%; padding:120px 0px 150px; background:#fbfbfb; box-sizing:border-box;}
#carousel-prdSlide.prd-list{width:88%; margin:0 auto; position:relative;}
#carousel-prdSlide.prd-list li.prdSlide-cell{width:23.5%; margin-right:2%; display:inline-block; vertical-align:top; opacity:0.4; box-shadow:1px 1px 1px rgba(10,10,10,0.1);}
#carousel-prdSlide.prd-list li.prdSlide-cell.is-selected{opacity:1 !important;}

#carousel-prdSlide.prd-list .prd-thumb{margin-bottom:0;}
#carousel-prdSlide.prd-list .prd-thumb .button{display:none !important;}
#carousel-prdSlide.prd-list .prd-info{padding:18px 0; background:#fff;}
#carousel-prdSlide.prd-list .prd-info .prd-name{font-size:12px; margin-bottom:0;}
#carousel-prdSlide.prd-list .prd-info .prd-price{font-size:10px;}
#carousel-prdSlide.prd-list .prd-info p{margin-top:4px;}

#carousel-prdSlide .flickity-viewport{overflow:hidden; z-index:10;}
#carousel-prdSlide .flickity-prev-next-button{display:block; width:6%; height:100%; transition:all 0.25s ease-in-out; z-index:99 !important; position:absolute; top:0; opacity:1 !important; background:transparent; background:#fbfbfb;}
#carousel-prdSlide .flickity-prev-next-button svg{fill:#b7abab; width:26px; height:30px; left:50%; top:44%; transform:translate(-13px, -15px);}
#carousel-prdSlide .flickity-prev-next-button.previous{left:-6%;} 
#carousel-prdSlide .flickity-prev-next-button.next{right:-6%;}



/* 3개 메인배너 */
#bn_event{padding:120px 0;}
#bn_event ul{font-size:0; line-height:0; letter-spacing:0; text-align:center;}
#bn_event ul li{width:25%; max-width:450px; display:inline-block; vertical-align:middle; overflow:hidden; position:relative;}
#bn_event ul li:nth-child(2){margin:0 2%;}
#bn_event ul li a{display:block;}
#bn_event ul li a img{width:100%; -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;}
#bn_event ul li h5{position:absolute; bottom:-60px; left:0; font-size:11px; line-height:20px; color:rgba(255,255,255,0.8); width:100%; padding:20px 0; background:rgba(0,0,0,0.1); box-sizing:border-box; font-weight:300; letter-spacing:1px; cursor:pointer; -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;}
#bn_event ul li:hover a img{transform:scale(1.03);}
#bn_event ul li:hover h5{bottom:0;}
/* //3개 메인배너 */



/* NEW ARRIVALS */
#prd_new{padding:120px 6%; box-sizing:border-box; background:#fbfbfb;}
/* BASIC css end */