/* BASIC css start */
.ec-base-product .grid2{padding:0 0 0 1px;}
.ec-base-product .grid2 > li{width:50%; margin:0; padding:0; border-bottom:2px solid #fff; border-right:2px solid #fff; box-sizing:border-box;}
.ec-base-product .grid2 > li:nth-child(even){}
#sp_price_prd .description{display:none;}

.mainBanner{border-bottom:1px solid #fff;}


#header.fixed{background: rgb(0 0 0 / 50%);}

#container{padding:0!important;}
#footer{margin-top:0px !important;}
img {max-width:100%;}

#logoArea > a.btn_menu span{background:#fff!important;}
#logoArea > h1 a{color:#fff!important;}
#logoArea > a.top_cart img{filter: brightness(10);}
#logoArea > a.btn_search img{filter: brightness(10);}



/********** ¸ÞÀÎ ¹è³Ê (°ü¸®ÀÚ¿¬µ¿) **********/

.mainBannerText { position: absolute;height: 82px;left: 0;top: calc(50% - 41px);display: inline-block;text-align: center;width: 100%;vertical-align: middle;z-index:99}
.mainBannerText h2{ display: block;font-size: 24px;font-weight: 200;letter-spacing: 0.3px;padding: 0 0 7px;color: rgb(255,255,255);/*font-family: Nunito;*/height: 30px;/* text-shadow: 0px 0px 2px rgba(80,80,80,0.62); */    }
.mainBannerText span{ display: block;font-size: 11px;font-weight: 300;line-height: 22px;letter-spacing: 0;color: rgba(255, 255, 255, 0.84);text-shadow: 0px 0px 2px rgba(97, 97, 97, 0.58);}


/* ·Ñ¸µ¹è³Ê */
#event{position:relative;}
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: absolute; left: 0; bottom:0; text-align: center; width: 100%; padding:10px 0;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 4px; text-indent: -9999px; width: 8px; height: 8px; border-radius:8px; background:rgba(255,255,255,0.5);}
#event .pagination .swiper-active-switch { background:rgba(255,255,255,0.8); }

/* //·Ñ¸µ¹è³Ê */



#sp_price_prd{position:relative;  padding:0; box-sizing:border-box; border-top:1px solid #fff;}
#sp_price_prd .title{padding: 0; text-align:left;}
#sp_price_prd .title h2{font-size:15px; color:#a9a9a9; font-weight:300;}
#sp_price_prd .thumbnail{margin:0;}
#sp_price_prd .description{/*background:#fff; padding:10px 0;*/ text-align:center;}
#sp_price_prd .swiper-pagination{width:100%; bottom:60px; left:0;}
#sp_price_prd .swiper-pagination span{margin:0 2px;}
#sp_price_prd .swiper-pagination-bullet-active{    background: #000;}

#sp_price_prd .prd-icon{position:absolute; bottom:0; right:3px;}
#sp_price_prd.ec-base-product .grid3{padding:0;}
#sp_price_prd.ec-base-product .grid3 > li{border:0;}


/********** ¹è³Ê±×¸®µå **********/
.bnGrid {display:table;margin-bottom:25px;}
.bnGrid a {display:table-cell;width:33.33%;}
.bnGrid a img {}


/********** ÅÇ»óÇ° **********/

/* Åǹڽº */
#tabBox {     margin: 40px 0 45px 0;;}
#tabBox:after {content:"";display:block;clear:both;;}
#tabBox .tabMenu { clear:Both;}
#tabBox .tabMenu > ul { font-size:0;line-height:0;}
#tabBox .tabMenu > ul:after { content:"";clear:both;display:block;}
#tabBox .tabMenu > ul > li { margin-left: -1px}
#tabBox .tabMenu > ul > li a {cursor: pointer;float: left;width: calc( 100% / 5 );font-size: 11px;line-height: 13px;padding: 12px 0;text-align: center;margin-left: -1px;}
#tabBox .tabMenu > ul > li:last-child a { width:calc(100% / 5 );border-right:0;}
#tabBox .tabMenu > ul > li { }
#tabBox .tabMenu > ul > li a.active { background: #fff;font-weight:  bold;  border: 1px solid #fff;border-top: 0;width: calc(100% / 5 );border-radius: 10px 10px 0 0;box-shadow: 3px 2px 6px rgba(0, 0, 0, 0.07);}
#tabBox .tabMenu > ul > li:last-child a.active { width:calc(100% / 5 + 3px );}
#tabBox .tabCons_wrap > ul  { width:500%;}
#tabBox .tabCons { float:left;height:auto;width:calc(100% / 5);}
#tabBox .tabCons .items { background: #fff;padding: 17px 10px 9px;box-sizing: border-box;box-shadow: 5px 3px 4px rgba(0,0,0,0.03);}

/* »óÇ°Ç¥½Ã */

#tabBox .ec-base-product [class*="grid"] > li {       position: relative;
    width: calc(25% - 4px);
    margin: 0 2px 4px;}
#tabBox .ec-base-product .grid2 > li {border-bottom:0;padding-bottom:0;}
#tabBox .tabCons .items .description { opacity:0;visibility:hidden;position: absolute;left: 0px;bottom: 0;z-index: 2;width: 100%;height: 100%;text-align: center;background: #fff9;box-sizing: border-box;}


#tabBox .tabCons .items .description.active {opacity:1;visibility:visible;}
#tabBox .tabCons .items .thumbnail .wish {display:none;}
#tabBox .ec-base-product .thumbnail { margin:0;}
#tabBox .ec-base-product [class*="grid"] { padding:0;}



#tabBox .ec-base-product .description .name {font-weight:normal;font-size:6px;margin-bottom:0;}
#tabBox .ec-base-product .description .price {padding-top: 5px}
#tabBox .ec-base-product .description .price span { font-size: 5px !important;color: #272727 !important;/*font-family: nunito !important;*/}

/* Ãâ·Â¾ÈÇÔ */
#tabBox .ec-base-product .cart,
#tabBox .ec-base-product .likeButton,
/*
#tabBox .ec-base-product .mPriceStrike,
*/
#tabBox .ec-base-product .icon,
#tabBox .ec-base-product span span {display:none;}





/* ±âŸ ¸ÞÀο¡¼­¸¸ Àû¿ëµÇ´Â ½ºÅ¸ÀÏ */

/************* ¸ÞÀÎ »óÇ° *************/

.tabCons_wrap .ec-base-product li.price,
.tabCons_wrap .ec-base-product li.percent,
.tabCons_wrap .listPrice, .listDiscount {display:block;padding-top:5px; }
.tabCons_wrap .listCustomer,
.tabCons_wrap .listDiscount {display:none;}


.mm {margin:11px 0 11px;}
.mm img {width:100%;}

.ec-base-product .title { box-sizing: border-box;padding: 0px 10px 40px 10px;text-align:center;}
.instaWidget .title { box-sizing: border-box;padding:10px;text-align:center;}



.aboutText {padding: 20px 7px ;box-sizing:border-box; text-align:center;}

.aboutText .title{padding: 0px 10px 20px 0; text-align:center;}
.aboutText .title h2{font-size:15px; color:#a9a9a9; font-weight:300;}




















/********** ¹è³Ê±×¸®µå **********/
.bnGrid {display:table;margin-bottom:25px;}
.bnGrid a {display:table-cell;width:33.33%;}
.bnGrid a img {}


/********** ÅÇ»óÇ° **********/

/* Åǹڽº */
#tabBox {     margin: 40px 0 45px 0;;}
#tabBox:after {content:"";display:block;clear:both;;}
#tabBox .tabMenu { clear:Both;}
#tabBox .tabMenu > ul { font-size:0;line-height:0;}
#tabBox .tabMenu > ul:after { content:"";clear:both;display:block;}
#tabBox .tabMenu > ul > li { margin-left: -1px}
#tabBox .tabMenu > ul > li a {cursor: pointer;float: left;width: calc( 100% / 5 );font-size: 11px;line-height: 13px;padding: 12px 0;text-align: center;margin-left: -1px;}
#tabBox .tabMenu > ul > li:last-child a { width:calc(100% / 5 );border-right:0;}
#tabBox .tabMenu > ul > li { }
#tabBox .tabMenu > ul > li a.active { background: #fff;font-weight: bold;border: 1px solid #fff;border-top: 0;width: calc(100% / 5 );border-radius: 10px 10px 0 0;box-shadow: 3px 2px 6px rgba(0, 0, 0, 0.07);}
#tabBox .tabMenu > ul > li:last-child a.active { width:calc(100% / 5 + 3px );}
#tabBox .tabCons_wrap > ul  { width:500%;}
#tabBox .tabCons { float:left;height:auto;width:calc(100% / 5);}
#tabBox .tabCons .items { background: #fff;padding: 17px 10px 9px;box-sizing: border-box;box-shadow: 5px 3px 4px rgba(0,0,0,0.03);}

/* »óÇ°Ç¥½Ã */

#tabBox .ec-base-product [class*="grid"] > li {       position: relative;
    width: calc(25% - 4px);
    margin: 0 2px 4px;}
#tabBox .ec-base-product .grid2 > li {border-bottom:0;padding-bottom:0;}
#tabBox .tabCons .items .description { opacity:0;visibility:hidden;position: absolute;left: 0px;bottom: 0;z-index: 2;width: 100%;height: 100%;text-align: center;background: #fff9;box-sizing: border-box;}
#tabBox .tabCons .items .description.active {opacity:1;visibility:visible;}
#tabBox .tabCons .items .thumbnail .wish {display:none;}
#tabBox .ec-base-product .thumbnail { margin:0;}
#tabBox .ec-base-product [class*="grid"] { padding:0;}
#tabBox .ec-base-product .description .name {font-weight:normal;font-size:11px;margin-bottom:0;}
#tabBox .ec-base-product .description .price {padding-top: 5px}
#tabBox .ec-base-product .description .price span { font-size: 12px !important;color: #272727 !important;/*font-family: nunito !important;*/}

/* Ãâ·Â¾ÈÇÔ */
#tabBox .ec-base-product .cart,
#tabBox .ec-base-product .likeButton,
/*
#tabBox .ec-base-product .mPriceStrike,
*/
#tabBox .ec-base-product .icon,
#tabBox .ec-base-product span span {display:none;}





/* ±âŸ ¸ÞÀο¡¼­¸¸ Àû¿ëµÇ´Â ½ºÅ¸ÀÏ */

/************* ¸ÞÀÎ »óÇ° *************/

.tabCons_wrap .ec-base-product li.price,
.tabCons_wrap .ec-base-product li.percent,
.tabCons_wrap .listPrice, .listDiscount {display:block;padding-top:5px; }
.tabCons_wrap .listCustomer,
.tabCons_wrap .listDiscount {display:none;}


.mm {margin:11px 0 11px;}

.ec-base-product .title { box-sizing: border-box;padding: 0px 10px 40px 10px;text-align:center;}
.instaWidget .title { box-sizing: border-box;padding:10px;text-align:center;}





/* ÅÇ Ç°Àý */
.listSoldout.tab {    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;}
.listSoldout.tab > ul { display:table;table-layout:fixed;width:100%;height:100%;}
.listSoldout.tab > ul > div{
         display: table-cell;
    vertical-align: bottom;
    font-size: 14px;
    line-height: 1;
    font-weight: 300;
    color: #ea0000;
    text-align: right;
    padding: 0 5px 5px;;}
/* BASIC css end */