/* BASIC css start */
/*트랜지션*/
.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 > 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: #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 0;}
.product-menupackage .title .banner { margin-bottom:5px;position:relative; }
.product-menupackage .title .banner img{width:100%;}
.product-menupackage .title .text {      position: absolute;left: 0;top: calc(50% - 45px);font-size: 35px;text-align: center;letter-spacing: 0px;font-family: '맑은 고딕','Malgun Gothic';line-height: 65px;color: #fff;font-weight: 200;WIDTH: 100%;height: 90px;}
.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 27px;}
.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;}



/**************** 타임세일 **************/

.timeTable {position: absolute;right: 0;bottom: 57px;float:right;}
.timeTable:after {content:"";clear:both;display:block;}
.timeTable span {width:35px;height:33px;box-sizing:border-box;   border-radius: 5px;font-family: nunito;color: #efebeb;font-size: 15px;padding: 0 9px;line-height: 33px;float: left;display: block;text-align:center;background: url('/design/zenwood/onedesign2/images/bg_flip.png') center center no-repeat;;}
.timeTable b {float: left;display: block;line-height: 30px;padding: 0 2px;font-size: 18px;color: #413e3d;font-family: nunito;}
.timeTable b.day {font-size:12px;font-family:malgun gothic}
/* BASIC css end */