/* BASIC css start */
/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#mainSpot {width:100%; overflow:hidden; max-width: 1903px; margin: 0 auto;}
#mainSpot .inner { width:100%; }
#mainSpot .inner .more_view{}
#mainSpot .slick-dots { position: absolute; width: 100%; height: 0; line-height: 0; bottom: 27px; z-index: 10;  text-align: center; font-size: 0;}
#mainSpot .slick-dots li{ display: inline-block; width: 8px; height: 8px; margin: 0 6px; border-radius: 50%; background-color: #ccc; 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 { background-color: #4d4d4d; cursor: default;}
#mainSpot .slick-dots li button{font-size: 0;}
#mainSpot .slick-slide img{ width: 100%;}
#mainSpot .slick-slide a {
    display: block;
}

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.product-wrap { margin:0 auto; position:relative; width:1200px }
.item-wrap, .item-wrap .item-cont{width:1200px}
.item-wrap .item-cont .item-list .prd-color{float: left; margin-right: 20px;}
.item-wrap .item-cont .item-list .prd-price{ float: left; color: #D22525;}
.item-wrap .item-cont .item-list:nth-of-type(3n){padding-right:0}
.item-wrap .item-cont .item-list .thumb img{height: 380px;}

/* ÅÇ »óÇ° ±â´É */
.tab_in_wrap.active{ border:0px !important;}
.tabWrap{background: #f7f7f7;padding: 0 0 586px;}
.tabWrap:after{content:''; display:block; clear:both;}
.tabarea{ width: 95%; max-width: 1200px; margin: 0 auto; text-align: center;}
.tabarea .tab{ display: inline-block; width:100%; max-width: 1200px; border-bottom: 1px solid #b3b3b3;}
.tabarea .tab > li{float: left;}
.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%; }  /* ³ëµå°¡ ¼Â ÀÏ ¶§, 3¹ø° ³ëµå ¼±Åà */
.tabarea .tab > li:first-child:nth-last-child(4),                       /* ³ëµå°¡ ³Ý ÀÏ ¶§, 1¹ø ³ëµå ¼±Åà */
.tabarea .tab > li:first-child:nth-last-child(4)~li { width: 25%; }     /* ³ëµå°¡ ³Ý ÀÏ ¶§, 4¹ø° ³ëµå ¼±Åà */
.tabarea .tab > li:first-child:nth-last-child(5),                      
.tabarea .tab > li:first-child:nth-last-child(5)~li { width: 20%; }     
.tabarea .tab > li:first-child:nth-last-child(6),                       
.tabarea .tab > li:first-child:nth-last-child(6)~li { width: 16.66%; }    
.tabarea .tab > li > span{ display: block; height: 45px; line-height: 45px; text-align: center; cursor: pointer; color: #999; font-family: "¸¼Àº °íµñ",'Malgun Gothic',sans-serif;}
.tabarea .tab li.live{ font-weight: bold; border-bottom: 0px; background: #a49078;}
.tabarea .tab li.live span{ color: #fff;}
.tabarea .item_container{position: relative; padding: 30px 0; }
.tabarea .item_container:after{content:''; display:block; clear:both;}
.tabarea .item_container .item-wrap{  position: absolute; top: 25px; left: 0; width: 100%; opacity: 0; pointer-events: none; }
.tabarea .item_container .item-wrap.active{ opacity: 1; pointer-events: visible;}
.tabarea .item_container .item-wrap .item-cont .item-list{position: relative;width: 210px;padding: 0 15px 30px;/* padding: 0; */box-sizing: border-box;}
.tabarea .item_container .item-wrap .item-cont .item-list .thumb a img{height: 216px;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info{position: absolute; top: 0; width: 100%; height: 100%; padding: 0; background: rgba(255,255,255,0.9); opacity: 0; border: 1px solid #ebebeb; box-sizing: border-box;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info.act{opacity: 0.9;}
.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 .prd-name{ padding-top: 0; color: #4d4d4d; font-size: 13px; font-family: 'Lato',"¸¼Àº °íµñ",'Malgun Gothic',sans-serif;}
.tabarea  .item_container .item-wrap .item-cont .item-list .prd-info ul .prd-price{padding-top:14px; text-align: center; float: none;}
.tabarea  .item_container .item-wrap .item-cont .item-list .prd-info ul .prd-price span{color: #D22525; font-family: 'Josefin Sans', sans-serif; font-size: 15px;}

/* ÅÇ ½½¸¯ */
.tabWrap .slick-list{ margin: 0 -15px;}
.tabWrap .tabarea .slick-dots{ margin: 40px 0; font-size: 0;}
.tabWrap .tabarea .slick-dots li{display: inline-block; margin: 0px 4px;}
.tabWrap .tabarea .slick-dots li.slick-active button{background: #4c4c4c;}
.tabWrap .tabarea .slick-dots li button{ width: 8px; height: 8px; border-radius: 50%; background: #cccccc; font-size: 0;}


/* BASIC css end */