/* BASIC css start */
@font-face {
font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
}



@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 700; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 



/*====================================================================*/
/******************************** Main ********************************/
/*====================================================================*/
#container{background:#fff !important;}
#contents{padding-top:91px !important; /*padding-top:123px !important;*/}
#one_cate2{padding-top:0 !important;display:block !important;}
footer{margin-top:0 !important;}


.h_title {text-align:left;margin:40px 10px 20px}
.h_title h3 { font-weight: regular; color: #49463d; font-size: 20px; letter-spacing: 0px; line-height: 1;font-family: 'Noto Sans KR'; }
.h_title p {color: #49463d; font-family: 'Noto Sans KR';}


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

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


#bnMain {margin:0;}

#bn_main {margin:3px 0 0 ;font-size:0;line-height:0;letter-spacing:0;}
#bn_main li {display:inline-block;vertical-align:top;width:calc(50% - 1.5px);margin-right:3px;}

#bn_main li:nth-child(2n){margin-right:0;}



/* SPOTLIGHT */
#prd_slide{width:100%; height:100%; padding:30px 0px 80px; box-sizing:border-box;}
#prd_slide .carousel-prdSlide{width:85%; margin:0 auto; position:relative;}
#prd_slide .carousel-prdSlide li.prdSlide-cell{width:70%; padding:0; margin:0 3% 0 0; display:inline-block; vertical-align:top; opacity:0.3; box-shadow:1px 1px 1px rgba(10,10,10,0.1); -webkit-transition:opacity 0.15s ease-in-out; -moz-transition:opacity 0.15s ease-in-out; -o-transition:opacity 0.15s ease-in-out; transition:opacity 0.15s ease-in-out;}
#prd_slide .carousel-prdSlide li.prdSlide-cell.is-selected{opacity:1 !important;}

#prd_slide .carousel-prdSlide li img.listPic{margin-bottom:0;}
#prd_slide .carousel-prdSlide li .list_shoppingInfo{padding:18px 0; background:#fff;}
#prd_slide .carousel-prdSlide li .list_shoppingInfo p{margin-top:4px;}
#prd_slide .carousel-prdSlide li .list_shoppingInfo .listSubname{display:none;}
#prd_slide .carousel-prdSlide li .list_shoppingInfo .listIcon{display:none;}

#prd_slide .carousel-prdSlide .flickity-viewport{overflow:hidden;}
#prd_slide .carousel-prdSlide .flickity-prev-next-button{display:block; width:30px; height:80px; transition:all 0.25s ease-in-out; z-index:99 !important; position:absolute; top:27%; opacity:1 !important; background:transparent;} 
#prd_slide .carousel-prdSlide .flickity-prev-next-button svg{fill:#b7abab;}
#prd_slide .carousel-prdSlide .flickity-prev-next-button.previous{left:-7%;} 
#prd_slide .carousel-prdSlide .flickity-prev-next-button.next{right:-7%;}



/* 3개 메인배너 */
#bn_event{padding:20px 0; background:#fff;}
#bn_event ul{width:83%; padding:35px 0; margin:0 auto; font-size:0; line-height:0; letter-spacing:0;}
#bn_event ul li{width:100%; display:block; position:relative; line-height:20px; cursor:pointer;}
#bn_event ul li .thumb{display:block; border-radius:2px; overflow:hidden;}
#bn_event ul li .thumb img{width:100%;}
#bn_event ul li > div{padding:20px 5px; box-sizing:border-box;}
#bn_event ul li > div h5{font-size:11px; color:#8a7c7c; font-weight:300; letter-spacing:1px;}
#bn_event ul li > div h5 span{float:right; color:#c5c5c5; letter-spacing:1px;}

/* 일반배너 내용 사용할 경우
#bn_event ul li > div .con{padding-top:10px; font-size:10px !important; color:#c5c5c5; line-height:16px; letter-spacing:0.5px;}
 */

#bn_event ul li > div a{margin-top:15px; background:#f3f3f3; color:#8c8c8c; font-size:10px; text-align:center; letter-spacing:2px; border-radius:2px; line-height:12px;}

#bn_event .flickity-page-dots{text-align:center; bottom:inherit; top:-2px;}
#bn_event .flickity-page-dots li.dot{display:inline-block; width:5px; height:5px; background:#ececec; margin:0 5px; opacity:1;}
#bn_event .flickity-page-dots li.dot.is-selected{background:#8a7c7c;}



/* NEW ARRIVALS */
#prd_new{box-sizing:border-box;}

.abcd span {display:inline-block; width:5px; height:5px; border:1px solid #dddddd;}


/* 탭상품 */

#prd_new .swiper-pagination {position:relative;text-align:left;padding-top:26px;padding-bottom:20px;}
#prd_new .swiper-pagination-bullet {  display:block;  width: auto;
    background: transparent;
    outline: 0;
    border-radius: 0;
    line-height: 1;
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    color: #49463d;;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:6px;font-family:'Noto Sans Kr';font-weight:normal;opacity:1;font-family: 'Noto Sans KR'; }
#prd_new .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {position:relative;color:#000;}
#prd_new .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {    content: '';
    position: absolute;
    left: calc(50% - 13px);
    bottom: -25px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #000;
    transform: scale(.35);}
    
    
#prd_new .list_shopping1x li {padding:0;  }
#prd_new .list_shopping1x li a {border:none; padding:0}


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; } /* 크롬 노란테두리 빼기*/


#mid_banner {}
.mid_banner_list { font-size:0 }
.mid_banner_list li {display:inline-block; width:calc(50% - 4px); /*margin-right:8px;*/ vertical-align:top; }
.mid_banner_list li:nth-child(2n) {margin-right:0; }
.mid_banner_list li .img img {width:100%; }
.mid_banner_list li .txt { padding:10px 5px}
.mid_banner_list li .txt h4 {font-size: 14px; font-weight: 700; color:#010101; margin-bottom: 6px;}
.mid_banner_list li .txt p {font-size:10px; color:#4a4a4a; word-wrap:break-word; word-break:keep-all;}
   
.mid_banner_box {padding:0 32px; position:relative; }
.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% - 16px);width: 32px;height: 32px; background:none; font-size:16px; }

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

    
    
#one_cate2 {display:none !important; }
#container { padding-top: 0 !important; }



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



.madeBox .list_shopping3x li .list_shoppingInfo {box-sizing:border-box; padding:0 2px}
.madeBox .list_shopping3x li .list_shoppingInfo .prd-price-box .listConsumer {margin:0 2px; font-size: 8px;}
.madeBox .list_shopping3x li .list_shoppingInfo .prd-price-box .listPrice {font-size:10px}



/* BASIC css end */