/* BASIC css start */
#footer{margin-top: 0 !important;}
/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; min-width:1230px; width:100%; max-width:1903px; margin: 0 auto; overflow:hidden }
#mainSpot .slick-dots {position: absolute; width: 100%; height: 0; bottom: 27px; z-index: 10; text-align: center; font-size: 0; line-height: 0;}
#mainSpot .slick-dots li{display: inline-block; width: 8px; height: 8px; margin: 0 5px; border-radius: 50%; background-color: #1a1e22; 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;}
#mainSpot .slick-dots li.slick-active {width: 38px; border-radius: 10px; background-color: #fff; cursor: default;}
#mainSpot .slick-dots li button{font-size: 0;}

/* 이미지 배너 */
.imgBanner { display: flex; position:relative; min-width: 1230px; width: 95%; max-width: 1500px; margin: 75px auto; overflow:hidden }
.imgBanner div div a img{width: 100%}
.imgBanner .banboxleft{width: 31.34%; max-width: 470px; float: left;}

.imgBanner .banboxmiddle{width: 38%; max-width: 570px; float: left;}
.imgBanner .banboxmiddle div:nth-of-type(-n+2){float: left; width : -webkit-calc(100%/2 - 5px); /* WebKit */
  width : -moz-calc(100%/2 - 5px); /* Firefox */
  width : -ms-calc(100%/2 - 5px); /* MS Explorer */
  width : -o-calc(100%/2 - 5px); /* Opera */
  width : calc(100%/2 - 5px); /* Standard */}

.imgBanner .banboxright{width: 29.34%; max-width: 440px; float: left;}
.imgBanner .banboxright{ position: relative;}
.imgBanner .banboxright .bann02{display:none}
.imgBanner .banboxright .buttonbox{position: absolute; bottom: 0; width: 100%; padding: 8px 0; background: #000; opacity: 0.8; text-align: center;}
.imgBanner .banboxright .buttonbox p{float: left; width: 50%; color: #8e8e8e; font-size: 14px; font-family: 'Noto Sans KR', 'Roboto', sans-serif; cursor: pointer; box-sizing: border-box;}
.imgBanner .banboxright .buttonbox .ban_box_on{color: #fff;}
.bodeR{border-right: 1px solid #696969;}

.imgBanner .padrig{padding: 0 10px 0 0;}
.imgBanner .padtop{padding: 10px 0 0 0; clear: both;}

/* 상품 목록 영역 */
.cateTit{padding: 50px 0 45px;}
.cateTit h3{color: #1a1e21; font-size: 30px; font-family: 'Brandon Grotesque', 'Noto Sans KR', sans-serif;}
.product-wrap { margin:0 auto; position:relative; width: 95%; max-width: 1500px; }
.item-wrap{width: 100%; max-width: 1500px; margin: 0 auto;}
.item-wrap .item-cont{width: 100%; max-width: 1500px;}
.item-wrap .item-cont .item-list:nth-of-type(5n){margin-right: 0;}
.item-wrap .item-cont .item-list .prd-name, .item-wrap .item-cont .item-list .prd-name a{color: #272727; font-size: 14px; font-family: 'Noto Sans KR','Brandon Grotesque', sans-serif; line-height: 20px;}
.item-wrap .item-cont .item-list .prd-price{padding-top: 17px; color: #272727; font-size: 13px; font-family: 'Lato', 'Noto Sans KR', sans-serif;}
.item-wrap .item-cont .item-list .prd-price strike{display: block; margin-bottom: 6px; font-size: 13px; color: #808080;}
.item-wrap .item-cont .item-list .prd-price .price{display: block; color: #272727; font-size: 13px;}

/* 슬라이딩 배너 */
.slidebanner_wrap{min-width: 1230px; width: 100%; max-width: 1903px; margin: 0 auto 50px;}
.slidebanner_wrap .cateTit{padding: 28px 0 10px;}
.slidebanner_wrap .cateTit p{margin-top: 12px; color: #8b8b8b; font-size: 14px; font-family: 'Noto Sans KR', 'Roboto', sans-serif;}
.slidebanner_wrap .cateTit .line{width: 30px; height: 1px; margin: 24px auto 16px; background-color: #1a1e21;}
.slidebanner_reel .box { position: relative; max-width: 800px;}
.slidebanner_reel .box a{outline:0;}
.slidebanner_reel .box img {
  width:100%;
  margin: 0 auto;
}
.slidebanner_reel .slick-slide {
  opacity: 0.3;
  transition: opacity 0.3s;
}
.slidebanner_reel .slick-slide.slick-cloned {
  opacity: 0.3;
  transition: opacity 0.3s;
}
.slidebanner_reel .slick-slide.slick-current.slick-active {
  opacity: 1;
  transition: opacity 0.3s;
}

/* 탭 상품 기능 */
.tab_in_wrap.active{ border:0px !important;}
.tabarea{width: 95%; max-width: 1500px; margin: 0 auto 140px; text-align: center;}
.tabarea .tab{ display: inline-block; width:100%; max-width: 1500px; border-top: 2px solid #000;}
.tabarea .tab > li{float: left; border: 1px solid #dedede; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #ccc; background: #fafafa;}
.tabarea .tab > li:only-child { width: 100%; }                          /* 노드가 하나일 때 선택 */
.tabarea .tab > li:first-child:nth-last-child(2),                       /* 노드가 둘 일 때, 1번 노드 선택 */
.tabarea .tab > li:first-child:nth-last-child(2)+li { width: 50%; }     /* 노드가 둘 일 때, 2번 노드 선택 */
.tabarea .tab > li:first-child:nth-last-child(3),                       /* 노드가 셋 일 때, 1번 노드 선택 */
.tabarea .tab > li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 노드가 셋 일 때, 2~3번째 노드 선택 */
.tabarea .tab > li:first-child:nth-last-child(4),                       /* 노드가 넷 일 때, 1번 노드 선택 */
.tabarea .tab > li:first-child:nth-last-child(4)~li { width: 25%; }     /* 노드가 넷 일 때, 2~4번째 노드 선택 */
.tabarea .tab > li:first-child:nth-last-child(5),                       /* 노드가 넷 일 때, 1번 노드 선택 */
.tabarea .tab > li:first-child:nth-last-child(5)~li { width: 20%; }     /* 노드가 넷 일 때, 2~4번째 노드 선택 */
.tabarea .tab > li > span{ display: block; height: 54px; line-height: 54px; text-align: center; cursor: pointer; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #666; font-size: 14px;}
.tabarea .tab li.live{ font-weight: bold; border-bottom: 0px; background: #fff;}
.tabarea .tab li.live span{ color: #000;}
.tabarea .item_container{margin-top: -7px; padding: 54px; border: 1px solid #dedede; border-top: 0;}
.tabarea .item_container .item-wrap{ display: none;}
.tabarea .item_container .item-wrap.active{ display: block;}
.tabarea .item_container .item-wrap .item-cont .item-list{position: relative; width: 199px; margin-bottom: 50px;}
.tabarea .item_container .item-wrap .item-cont .item-list:nth-of-type(n+2) img{width: 199px; height:199px}
.tabarea .item_container .item-wrap .item-cont .item-list:first-of-type{width: 32%; margin-bottom: 0;}
.tabarea .item_container .item-wrap .item-cont .item-list:nth-of-type(n+6){margin-bottom: 0}
.tabarea .item_container .item-wrap .item-cont .item-list:nth-of-type(9){margin-right: 0}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info{position: absolute; top: 0; width: 100%; height: 100%; padding: 0; background: #000; opacity: 0;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info.act{opacity: 0.8;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info a{display: block; width: 100%; height: 100%;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info ul{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info ul .nickname{display: inline-block; margin: 0 0 15px; padding: 4px 17px; color: #fff; font-size: 12px; border: 1px solid #fff; border-radius: 13px;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info ul .prd-name, 
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info ul .prd-name a, 
.item_container .item-wrap .item-cont .item-list .prd-info ul .prd-price,
.item_container .item-wrap .item-cont .item-list .prd-info ul .prd-price span{color: #fff;}

/* 하단배너 */
.footbanner{min-width: 1230px; width: 100%; max-width: 1903px; margin: 0 auto;}
.footbanner a img{width:100%}

@media (max-width: 1595px) {
    .tabarea .item_container .item-wrap .item-cont .item-list{width: calc(100%/5 - 30px) !important; margin-bottom: 50px !important;}
    .item-wrap .item-cont .item-list .thumb img{width: 100% !important; height: 100% !important;}
}
/* BASIC css end */