/* BASIC css start */
#productClass .sort-wrap a:hover span{color:#e11113;}
.cboth.best-item{background:#f7f7f7}
.cboth.best-item .prd-list table td{padding:0 20px 50px 0}
.prd-list{padding-top:0}
.prd-class-hd{width:1200px;margin:0 auto;position:relative}
.loc-navi{text-align:left;position:absolute;left:0;top:4px;    z-index: 1;}
.loc-navi,.loc-navi a{color:#fff;font-size:12px;font-weight:700}
.prd-list .thumb figure{padding:0}
.prd-list .thumb a{height:400px}
.prd-list .thumb a:before{content:" ";display:inline-block;height:100%;vertical-align:middle;max-width:.001%}
.prd-list .thumb a img{display:inline-block;vertical-align:middle;width:280px;height:280px;max-width:99.999%}
.class-list{text-align:center;padding-top:140px;font-size:0}
.class-list span{margin-left:10px;position:relative;border-radius:22.5px;display:inline-block;height:45px;width:120px;line-height:45px}
.class-list span:first-child{margin-left:0}
.class-list span a{font-size:17px;color:#666;display:block;height:100%;line-height:45px; letter-spacing: -0.05em;}
.class-list span.on{background:#666}
.class-list span.on a{color:#fff}
.sort-wrap div{font-size:0}
#productClass .sort-wrap a{position:relative;margin-left:30px; -moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
#productClass .sort-wrap a:first-child{margin-left:0}
#productClass .sort-wrap a:before{content:'';position:absolute;left:-15px;top:1px;background:#9e9e9e;height:16px;width:1px}
#productClass .sort-wrap a:first-child:before{display:none}
#productClass .categorys{position:relative;margin:30px 0;padding-bottom:45px}
#productClass .categorys ul{text-align:center}
#productClass .categorys .large-categorys li{display:inline-block;border:2px solid #000;padding:0 10px;margin:0 5px}
#productClass .categorys .large-categorys li a{display:inline-block;letter-spacing:-1px;font-size:13px;color:#000;height:28px;line-height:28px}
#productClass .categorys .large-categorys li .large-cate{width:120px;text-align:center;background-color:#f7f7f7}
#productClass .categorys .large-categorys li .sub-cate{padding-left:10px}
#productClass .categorys .large-categorys li .sub-cate em{margin:0 5px}
#productClass .sort-wrap{position:relative;text-align:center;padding:47px 0;box-sizing:border-box;overflow:hidden}
#productClass .sort-wrap a span,#productClass .sort-wrap a strong{color:#9e9e9e;font-size:13px}
#productClass .sort-wrap a strong,.item-total strong{color:#e11113}
.cat-img .tit-category{width:100%;height:auto}
.item-total{font-size:13px;text-align:left;float:left}
.prdImg .addimgList .btns,.prdImg .addimgList.active .btns{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.remoteList{position:fixed;left:-100px;top:calc(50% - 100px);z-index:99;width:150px;padding:48px 19px 11px;text-align:left;opacity:0;visibility:hidden;line-height:17px;border-radius:5px;background:rgba(245,245,245,.95);font-size:11px;box-shadow:0 2px 10px rgba(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,.76);border-radius:5px 5px 0 0;color:rgba(255,255,255,.88);text-align:left;padding-left:21px;box-sizing:border-box;font-weight:400;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,.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 0 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:0 2px;box-shadow:inset 0 -1px #656c8026}
.remoteList .checkLabel,.remoteList .checkLabel:after{display:block;border-radius:100px;transition:all .3s ease}
.remoteList a i{font-size:13px;line-height:16px}
.product-menupackage .title h2,.tit2{font-weight:500;font-size:22px;font-family:'맑은 고딕','Malgun Gothic'}
.remoteList span a:hover{opacity:.5}
.remoteList>div div.left{float:left}
.remoteList>div div.right{float:right}
.remoteList .checkMotion{;padding-top:3px;}
.remoteList .checkLabel{position:relative;height:10px;width:25px;background:#898989;cursor:pointer}
.remoteList .checkLabel:after{position:absolute;left:-2px;top:-2px;width:14px;height:14px;background:#fff;box-shadow:0 3px 3px rgba(0,0,0,.05);content:''}
.remoteList .checkLabel:active:after{transform:scale(1.15,.85)}
.remoteList .checkAni{display:none}
.remoteList .checkAni:checked~label{background:#ddd}
.remoteList .checkAni:checked~label:after{left:13px;background:#da6025}
.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}
.product-menupackage .title .banner{margin-bottom:5px}
.product-menupackage .title .banner img{width:100%}
.product-menupackage .title .likeButton,.product-menupackage .title h2{vertical-align:middle;margin-bottom:45px;display:none}
.product-menupackage .title .likeButton button{margin:0 0 0 10px;color:#666;background:0 0}
.product-menupackage .title .likeButton.selected button{color:#353535}
.tit2{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.selected>a,.product-menupackage .menuCategory>li>a:hover{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.selected,.product-menupackage .menuCategory>li>ul>li:hover{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:url(//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_sub_category_line.gif) 150px 0 repeat-y #fff}
.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}
.product-normalmenu{margin:0 0 40px}
.product-normalmenu .title{display:none;margin:0 0 17px}
.product-normalmenu .title h3{font-weight:400;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:#777;font-size:13px;line-height:40px;letter-spacing:.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:400!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:400}
.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) 0 50% no-repeat;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 */