/* BASIC css start */
/* 슬라이드 */

button {color:#000; }

#slidemenu {font-family: 'Muli', 'Nanum Gothic', sans-serif; font-size:12px; line-height:20px; color:#000; z-index:9999; position:absolute; width:183px; text-align:left;}
#slidemenu .inner {padding:40px 0 40px 40px}

#slidemenu .search-bar { margin-bottom:10px; padding:0; border-bottom:1px solid #757575; width:180px}
#slidemenu .search-bar img { cursor:pointer; height:15px; margin-top:3px;}
#slidemenu .search-bar input[type=text] {margin-right:3px; height:20px; padding:0; font-size:12px; color:#000; width:120px; border:none; background:transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}

#slidemenu #loginfobox {width:183px; text-align:left; line-height:16px; padding-top:10px; padding-left:0; letter-spacing:0; font-family: 'Nanum Gothic', sans-serif; font-size:11px; color:#5c5c5c}


/* 아코디언 메뉴 */
#slidemenu #menulist {margin-top:25px; width:200px}
#menulist .accordionmenu, #menulist .accordionmenu2 {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  background-color: transparent;
  font-family: 'Muli','Nanum Gothic', sans-serif; font-size:13px; line-height:35px;  
  font-weight:600;
  
}

#menulist .accordionmenu:after {
    background: transparent url(/design/byssiny/m_images/menuopen.png) center center no-repeat;
    background-size: 10px 10px;
    content: '';
    display: block;
    width:34px; height:34px;
  color: #000;
  float: right;
  font-size:14px;
  margin-right: 5px;
}

#menulist .active:after {
    background: transparent url(/design/byssiny/m_images/menuclose.png) center center no-repeat;
    background-size: 10px 10px;
}
#menulist .active {
}
#menulist .panel {
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-family: 'Muli', 'Nanum Gothic', sans-serif; font-size:12px; line-height:24px; 
}
#menulist .panel a{
  color:#6b6b6b;
}
#menulist .panel ul {margin-bottom:10px}


/**
 * 모바일쇼핑몰 슬라이딩메뉴 > 수정금지!
 */

body { position:relative; height:100%; }
#wrap { min-height:100%; }

/* 확장 */
html.expand body { position:fixed; top:0; left:0; width:100%; }
html.expand #containerCafe { -webkit-transform: translate(260px, 0); -moz-transform: translate(260px, 0); -ms-transform: translate(260px, 0); -o-transform: translate(260px, 0); transform: translate(260px, 0); }
html.expand #btnFoldLayout { z-index:405; }
html.expand #aside { z-index:0; overflow-x:hidden; }

/* aside */
#aside { z-index:-1; visibility:hidden; position:absolute; left:0px; top:0px; bottom:0; overflow:auto; overflow-x:hidden; width:260px; font-size:11px; background-color:#fff; }
#aside .member { padding:0 0 0 14px; border-bottom:1px solid #c8c7cc; font-size:13px; line-height:41px; font-weight:normal;
background: -webkit-linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* Standard syntax */
}
#aside .member  strong { color:#508bed; text-decoration:underline; }
#aside .member.xans-layout-statelogoff a { display:inline-block; width:auto; line-height:27px; padding:0 7px; margin:0 3px 0 0; border:1px solid #d5d5d5; border-bottom-color:#b5b5b5; border-radius:3px; color:#1b1b1b; background-color:#fff; }
#aside .member a.btnLogin { border:1px solid #4a5164; border-bottom-color:#3b4150; color:#fff; background-color:#4a5164; }

#aside .btnClose { position:absolute; right:10px; top:20px }
#aside .btnClose img {height:16px; padding:2px}

#aside .membership { padding:0 14px 11px; }
#aside .membership li { display:inline-block; margin:0 15px 0 0; padding:10px 0 0; }
#aside .membership li a { color:#508bed; }
#aside .membership li.like a { color:#000; }
#aside .membership li.like a span { color:#508bed; }
#aside .xans-myshop-main { background-color:#4a5164; }
#aside .xans-myshop-main a {
    float:left; width:33.3%; padding:34px 0 8px; color:#fff; text-align:center; border:1px solid #404757; border-right:0; background-color:#4a5164;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-sizing:border-box;
    -o-sizing:border-box;
    box-sizing:border-box;
}
#aside .xans-myshop-main a:first-child { border-left:0; }
#aside .xans-myshop-main:after { content:""; display:block; clear:both; }
#aside .xans-myshop-main a.wishList { background:#4a5164 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_wish_list.png") no-repeat 50% 15px; background-size:20px 18px; }
#aside .xans-myshop-main a.recentList { background:#4a5164 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_recent_list.png") no-repeat 50% 15px; background-size:20px 18px; }
#aside .xans-myshop-main a.orderList { background:#4a5164 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_order_list.png") no-repeat 50% 13px; background-size:16px 21px; }

/* conatiner */
#containerCafe {
    z-index:100; position:relative; overflow:hidden; margin-top:0; margin-left:0; background-color:#fff;
    -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
}

/* btnFoldLayout */
#btnFoldLayout {
    display:none; position:absolute; left:260px; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); and -webkit-focus-ring-color:rgba(0, 0, 0, 0);
}

/* 상단 고정 부분 */


#top {position:fixed;line-height:0; top:0; left:0; width:100%; text-align:center; padding:0; height:60px; transition: 0.3s linear; z-index:11}
.topbg {position:fixed; top:0; width:100%; margin:0 auto; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
.topbg_back { display:none; position:absolute; top:0; z-index:-1; background:rgba(255,255,255,0.8);  width:100%;height:100%;}

#top #topinner {position:fixed; top:0; left:0; width:100%; padding:0; font-family: 'Muli', sans-serif; font-weight:400; letter-spacing:1px; z-index:99; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
#top #topinner a {color:#000; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#top #topinner a:hover{ color:#000; text-decoration:none; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#top #topinner:hover {background:rgba(255,255,255,1);-webkit-transition-duration: 0.7s; transition-duration: 0.7s;}

/* 로고 크기는 아래 14-15줄의 숫자를 조정해 주세요 */
#top #toplogo {text-align:left; margin-top:5px; }
#top #toplogo img {height:50px}

#top #menuicon {position:absolute; right:20px; top:21px}
#top #menuicon img {height:18px; line-height:5;}

#top #cart {position:absolute; right:55px; top:30px; font-weight:600}

/* BASIC css end */