/* BASIC css start */
/*====================================================================*/
/******************************** Main ********************************/
/*====================================================================*/

/*html {min-width: 1903px !important; max-width:1920.45px !important; margin:0 auto; background: #fff; }*/
.prd-wrap ul.grid4 > li{width: calc(25% - 18.75px) !important;margin-right: 25px !important;}
.prd-wrap ul.grid4 > li:nth-child(4n) {margin-right: 0 !important;}

#content{width:100% !important;}
.titleArea{margin:0 auto 33px !important;text-align:left;}
.titleArea h2{display: inline-block; vertical-align: middle; font-weight: regular; color: #49463d; font-size: 25px; letter-spacing: 0px; line-height: 35px;font-family: 'Noto Sans KR'; }
.titleArea p {color: #49463d; font-family: 'Noto Sans KR';}
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%;}

#visual .flickity-page-dots {bottom:22px;}
#visual .flickity-page-dots li {display:inline-block;vertical-align:middle;width:8px;height:8px;margin:0 4px;box-sizing:border-box;background:#fff;opacity:1;}
#visual .flickity-page-dots li.is-selected {opacity:.3}



/* SPOTLIGHT */
#prd_slide{width:100%; height:100%; padding:120px 0px 150px; background:#fff; 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:#fff;}
#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%;}



#bn_event{ padding: 60px 0 100px; background: #fff;;}
#bn_event ul{font-size:0; line-height:0; letter-spacing:0; text-align:center;}
#bn_event ul li{ display:inline-block; vertical-align:middle; position:relative;}
#bn_event ul li:nth-child(1) {margin-right:10px;}

#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;}



/* NEW ARRIVALS */
#prd_new{padding:120px 6% 0; box-sizing:border-box; background:#fff;}
#prd_new .swiper-container {overflow:hidden;}
.abcd span {display:inline-block; width:10px; height:10px; border:1px solid #dddddd;}




/* 탭상품 */

#prd_new .swiper-pagination {    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    width: auto;
    padding-left: 30px;}
#prd_new .swiper-pagination,
#prd_new .swiper-pagination * {font-family: 'Noto Sans KR'; }
#prd_new .swiper-pagination-bullet {    display: block;
    width: auto;
    background: transparent;
    outline: 0;
    border-radius: 0;
    line-height: 15px;
    display: inline-block;
    padding: 5px;
    margin-right: 15px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0px;;}
#prd_new .swiper-pagination-bullet:focus {outline:none;}
#prd_new .swiper-pagination-bullet:first-child {padding-left:0;}
#prd_new .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{;margin:0;margin-right:13px;font-family:'Noto Sans Kr';font-weight:normal;opacity:1;color:#999}
#prd_new .swiper-pagination-bullet.swiper-pagination-bullet-active {position:relative;font-weight:bold;color:#49463d}
#prd_new .swiper-pagination-bullet.swiper-pagination-bullet-active:after {       content: '';
    position: absolute;
    left: calc(50% - 10px);
    bottom: -30px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #49463d;
    transform: scale(.4);}


input:focus,button:focus,*,*:focus{ outline: none;-webkit-tap-highlight-color : transparent;} /* 크롬 파란테두리 빼기 */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } /* 크롬 노란테두리 빼기*/


.more {text-align:Center;padding:100px 0 0}
.more button { display: inline-block;  padding: 21px 67px; border-radius: 4px; color: #ffffff; background: #000; background-size: 6px auto;font-size: 20px;}



#mid_banner {overflow:hidden; }
.mid_banner_list {display:flex; }
.mid_banner_list li {margin-right:25px;width: calc(25% - 18px);}
.mid_banner_list li:last-child {margin-right:0; }
.mid_banner_list li .img img {width:100%; }
.mid_banner_list li .txt { padding:17px 0 0}
.mid_banner_list li .txt h4 {font-size: 15px;font-weight: 700;color:#010101;margin-bottom: 10px;line-height: 1;}
.mid_banner_list li .txt p {font-size:12px;color:#4a4a4a;line-height: 1;}

.mid_banner_box {padding:0; position:relative; max-width:1400px; margin:70px auto 0;  }
.mid_banner_box .swiper-button-prev:after, .mid_banner_box .swiper-button-next:after {display:none}
.mid_banner_box .swiper-button-prev, .mid_banner_box .swiper-button-next {color:#000;top:calc(50% - 31px);width: 62px;height: 62px; background:none; font-size:60px; }

.mid_banner_box .swiper-button-prev {left:-100px;}
.mid_banner_box .swiper-button-next {right:-100px}
    
 

.swiper .swiper-scrollbar {position:relative !important;margin:24px auto;width: 60% !important;}
.swiper .swiper-scrollbar:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #fff; }
.swiper .swiper-scrollbar:after { content: '';  position: absolute;  left: 0; bottom: 0; width: 100%; height: 1px; background: #fff;}
.swiper .swiper-scrollbar-drag { background: #b3b0a9; height: 3px; z-index: 99; }




    
    
 
/* BASIC css end */