/* 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;}


/*** 상품분류 리모컨 ***/

.remoteList {  position: fixed;left: -100px;top: calc(50% - 100px);z-index: 99;width: 150px;padding: 48px 19px 11px 19px;text-align: left;opacity: 0;visibility: hidden;line-height: 17px;/* border: 1px solid #ccc; */border-radius: 5px;background: rgba(245, 245, 245, 0.95);font-size: 11px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);box-sizing: border-box;}
.remoteList > h2 { position: absolute;left: -1px;top: -1px;width: calc(100% + 2px);height: 36px;background: rgba(16,16,16,0.76);border-radius: 5px 5px 0 0;color: rgba(255, 255, 255, 0.88);text-align: left;padding-left: 21px;box-sizing: border-box;font-weight: normal;line-height: 36px;font-size: 13px;}
.remoteList > i {display:block;cursor:pointer;position: absolute;right: 12px;top: 11px;font-size: 10px;color: #fff;}
.remoteList.active { left:30px;opacity:1;visibility:visible;}
.remoteList > div {clear:both;display: block;padding: 8px 0;height: 16px;border-bottom: 1px solid rgba(167, 167, 167, 0.32);border-top: 1px solid #fff;cursor:pointer;}
.remoteList > div.first {border-top:0 !important;}
.remoteList > div:last-child {border-bottom:0;}
.remoteList span {float:left;line-height:16px;}
.remoteList b { float: left;padding: 0 0px 0 8px;font-size: 13px;color: #3a3a3a;line-height: 14px;display: block;width: 16px;}
.remoteList a { float: left;cursor: pointer;font-size: 16px;color: #717171;line-height: 16px;background: #e6e6e6;border-radius: 2px;margin-right: 5px;padding: 0px 2px;box-shadow: inset 0 -1px #656c8026;}
.remoteList a i {font-size:13px;line-height:16px;}
.remoteList span a:hover { opacity:0.5;}

/* 체크박스 애니 */
.remoteList > div div.left {float:left;}
.remoteList > div div.right {float:right;}
.remoteList .checkMotion {;padding-top:3px;}
.remoteList .checkLabel {position: relative;display: block;height: 10px;width: 25px;background: #898989;border-radius: 100px;cursor: pointer;transition: all 0.3s ease;}
.remoteList .checkLabel:after {position: absolute;left: -2px;top: -2px;display: block;width: 14px;height: 14px;border-radius: 100px;background: #fff;box-shadow: 0px 3px 3px rgba(0,0,0,0.05);content: '';transition: all 0.3s ease;}
.remoteList .checkLabel:active:after { transform: scale(1.15, 0.85); }
.remoteList .checkAni {display:none;}
.remoteList .checkAni:checked ~ label { background: #ddd; }
.remoteList .checkAni:checked ~ label:after {left: 13px;background: #008160;}
.remoteList .checkAni:disabled ~ label {background: #ddd;pointer-events: none;}
.remoteList .checkAni:disabled ~ label:after { background: #ddd; }


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

.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: 24px;line-height: 32px;display: block;vertical-align: middle;padding-bottom:25px;}
.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 13px; border:1px solid #ececec; font-size:13px; line-height:18px; font-weight:400; color:#535353;}
.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 {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 */