/* BASIC css start */
/* 세일 div */
.salepercent { position: absolute;right: 5px;bottom:-40px;opacity:0;z-index: 12;font-size: 19px;line-height: 22px;/*font-family: lato;*/font-weight: 400;color: #c5481a;/*font-family: poppins;*/}
.salepercent.active {bottom:0;opacity:1;}
.salepercent.active,
.salepercent {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.salepercent span {display: inline-block;font-size: 10px;letter-spacing: 1px;color: #989898;padding-right: 4px;}
.discountPeriod {display:none !important;}
.salePrice span span {display:none;}
.salePrice,.price,.customPrice {/*font-family:poppins;*/letter-spacing:0.5px;}

/*추가이미지*/
.addimgList {display:none;position:absolute;left:0;top:0;}
.prdImg .addimgList .btns {position:absolute;z-index:22;left:0;top:25px;width:100%;height:20px;opacity:0;visibility:hidden;}
.addimgList .btns a { display: inline-block;width: 7px;height: 7px;margin: 0 2px;background: #333;border-radius: 100%;opacity: 0.5;}
.addimgList .btns a.active {opacity:1;}
.addimgList.active {display:block;width:100%;}
.addimgList.active .btns {display:block;}
.addimgList.active img {display:none;max-width:100%;}
.ec-base-product .prdList > li:hover .addimgList .btns {opacity:1;visibility:visible;top:30px;}
/*트랜지션*/
.prdImg .addimgList .btns,
.prdImg .addimgList.active .btns {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}


/************ 분류명 **************/

.product-menupackage { position:relative;}
.product-menupackage .title { text-align:center;  margin: 0 0 5px 0;}
.product-menupackage .title .banner { margin-bottom:5px; }
.product-menupackage .title .banner img{width:100%;}
.product-menupackage .title h2 {/*font-family: '맑은 고딕','Malgun Gothic';*/ font-weight:500; font-size:22px;}
.product-menupackage .title h2,
.product-menupackage .title .likeButton { display:inline-block; vertical-align:middle; margin-bottom:45px; display:none;}
.product-menupackage .title .likeButton button { margin:0 0 0 10px; color:#666; background:none; }
.product-menupackage .title .likeButton.selected button { color:#353535; }
.tit2{/*font-family: '맑은 고딕','Malgun Gothic';*/ font-weight:500; font-size:22px; display:inline-block; vertical-align:middle;}

/* 분류명 이미지 안보이게 */
.subtimg {display:none;}
.product-menupackage .menuCategory {font-size:0; line-height:0; letter-spacing:0; margin:45px 0;}
.product-menupackage .menuCategory .tit2{    /*font-family: '맑은 고딕','Malgun Gothic';*/font-weight: 300;font-size: 16px;line-height: 32px;display: block;vertical-align: middle;padding-bottom:0;}
.product-menupackage .menuCategory .tit2 img{display:none;}

/*하위분류*/
.product-menupackage .menuCategory > li { display:inline-block; vertical-align:top; margin-right:8px; /*margin-top:8px;*/ position:relative; z-index:98;}
.product-menupackage .menuCategory > li > a {display:block; padding:8px 20px 8px 0; /*border:1px solid #ececec;*/ font-size:13px; line-height:18px; font-weight:300; color:#000;}
.product-menupackage .menuCategory > li span{display:none;}
.product-menupackage .menuCategory > li > a:hover{ font-weight:600; }
.product-menupackage .menuCategory > li.selected > a { font-weight:600; }


.product-menupackage .menuCategory > li i{position:absolute; top:10px; right:10px; font-size:14px;}

/*하위의 하위분류*/
.product-menupackage .menuCategory > li > ul { opacity:0; visibility:hidden; transition: .2s ease-in-out; border:1px solid #ececec; border-top:0; padding:8px; background:#fff; position:absolute; top:36px; left:0; width:100%; box-sizing:border-box;}
.product-menupackage .menuCategory > li > ul > li { padding:0 5px; transition: .2s ease-in-out;}
.product-menupackage .menuCategory > li > ul > li > a { line-height:26px;}
.product-menupackage .menuCategory > li > ul > li:hover,
.product-menupackage .menuCategory > li > ul > li.selected{ background:#efefef;}
.product-menupackage .menuCategory > li > ul > li > .button { display:inline-block; position:relative; width:9px; height:14px; margin:1px 0 0 3px; vertical-align:top; }

.product-menupackage .menuCategory > li:hover ul{opacity:1; visibility:visible;}

.product-menupackage .subCategory { display:none; position:absolute; left:50%; top:13px; z-index:11; width:300px; margin:0 0 0 -151px; padding:6px 0; border:1px solid #ececec; font-size:0; line-height:0; background:#fff url("//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_sub_category_line.gif") repeat-y 150px 0; }
.product-menupackage .subCategory li { display:inline-block; width:130px; margin:8px 0 8px 18px; font-size:12px; line-height:14px; vertical-align:top; }
.product-menupackage .subCategory li a { color:#575a63; }
.product-menupackage .subCategory li a:hover,
.product-menupackage .subCategory li.selected a { color:#535353; }
.product-menupackage .menuCategory .button.selected { z-index:11; }
.product-menupackage .menuCategory .button.selected .subCategory { display:block; }


/********* listnormal.css *********/

.product-normalmenu {/*display:none;*/ margin:0; margin-bottom:40px;}
.product-normalmenu .title{display:none; margin:0 0 17px;}
.product-normalmenu .title h3{font-weight:normal; font-size:20px; color:#535353; text-align:center;}
.product-normalmenu .function{position:relative;text-align:right;line-height:40px;padding:9px 27px;box-sizing:border-box;/*background:#f5f5f5;*/height:59px;}
.product-normalmenu .prdCount{float:left;padding:0 0 0 8px;color:#777777;font-size:13px;line-height:40px;letter-spacing:0.8px;}
.product-normalmenu .prdCount strong{ display: inline-block;line-height: 40px;font-size: 16px;padding-right: 2px;color: #5d5d5d;}
.product-normalmenu #type{ position:absolute;right:11px;top:11px;width:138px;background:#fff;height:35px;line-height:35px;z-index:2;}
.product-normalmenu #type ul{height:35px;overflow:hidden;border:1px solid #e0e0e0;background:#fff;}
.product-normalmenu #type i{position:absolute; right:12px; top:10px;}
.product-normalmenu #type li{display:block; text-align:left; padding:0 17px;}
.product-normalmenu #type li a{font-size:13px;color:#666;/*font-family:Noto Sans Korean;*/font-weight:normal !important;}

/*활성화,을때 */
.product-normalmenu #type:hover ul{background:#fff;height:259px;}
.product-normalmenu #type:hover ul li:hover{background:#f8f8f8;cursor:pointer;    }
.product-normalmenu #type:hover ul li:hover a{color:#333;font-weight:normal;}

.product-normalmenu .compare{display:inline; padding:0 6px 0 10px; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_result_type.gif") no-repeat 0 50%; font-size:12px;}
.product-normalmenu .compare i{font-size:16px; vertical-align:sub;}
.product-normalmenu fieldset{margin:-1px 0 0; padding:7px 12px; border:1px solid #d7d5d6; text-align:right; background:#fbf9fa;}
.product-normalmenu fieldset select{height:24px;}
/* BASIC css end */