/* BASIC css start */
/* À̺¥Æ® ¹è³Ê */
#topBnr{display: none; width:100%}
#topBnr .topWrap{position: relative;}
#xbtn{ position: absolute; right: 12px; top: 50%; transform: translateY(-50%); z-index: 100;}
#xbtn img{width: 14px;}   

/* Çì´õ */
#header {
    width: 100%;
    position: relative;
}
#header .header_top {
	position: relative;
	background: #fff;
	z-index: 30;
	padding: 25px 0;
	font-size: 0;
	text-align: center;

}
#header .header_top div {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
#header .header_top .menubtn {
	width: 21px;
	left: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 1px;
}
#header .header_top .allmenu_btn {
	width: 93%;
}
#header .header_top .basket {
	right: 42px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#header .header_top .basket a {
	position: relative;
	/*display: block;*/
}
#header .header_top .basket a img {
	width: 22px;
    vertical-align: sub;
}
#header .header_top .basket a span {
    color: #997a92;
    font-family: 'Oswald',sans-serif;    
    margin: 2px 0 0 1px;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 1px;
}
#header .header_top .r_search{position: absolute;
    right: 10px;    top: 50%;
    transform: translateY(-50%);}
#header .header_top .r_search a img{width:64%;}
#header .header_top .logo {
	width: 30%;
}
#header .header_top .logo img {
	width: 100%;
	vertical-align: middle;
}

.menu{ border-top: 2px solid #cccccc;}

.menu ul{
  width:100%;
  padding:0;
  margin:0;
  display:flex;
  display:-webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  list-style:none;
}
.menu ul:after{
  display:block;
  clear:both;
  content:"";
}
.menu > ul > li{
  width:20%;
  padding:0;
  border-bottom:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;
  margin:0;
  display:flex;
  display:-webkit-flex;
  float:left;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
}
.menu  ul li:nth-of-type(5n){border-right:none !important;}

#header .menu a{ padding: 12px 0;width: 100%; display: block; font-size: 12px; color: #343434; font-family: 'Oswald', '³ª´®°íµñ','NanumGothic',sans-serif; letter-spacing: 1px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none;}

/* ½½¶óÀ̵å¸Þ´º */
.all_menuBox { width: 80%; height: 100%; position: fixed; top: 0px; left: -81%; background-color: #fff; text-align: center; transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; z-index: 101; 
    overflow-x: auto;}

.all_menuBox .header_logo{padding: 20px 24px 28px;}
.all_menuBox .header_logo > li{
    float: left;
    border-radius: 23px;
    height: 28px;
    width: 30%;
    line-height: 28px;
    }
.all_menuBox .header_logo > li:first-child{ margin-right: 3px;background: #997a92;}
.all_menuBox .header_logo > li:nth-child(2){ background: #999197;}
.all_menuBox .header_logo > li > a{    color: #fff;
    font-family: 'Oswald',sans-serif;
    letter-spacing: 2px; font-size: 0.9em;}
.all_menuBox .header_logo img{float: left;}
.all_menuBox .header_logo .close{    background-image: url(/design/sabershop/lilac/m/img/icon/m_closebtn.png);    background-repeat: no-repeat;
    background-position: center; float: right; padding-top: 6px;}
.page_cover.open { display: block;}

.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.8); z-index: 4; display: none; z-index: 100;}

.headerTop{ text-align: left; margin: 0 24px; padding-bottom: 13px; border-bottom: 2px solid #232323;}
.headerTop li{margin-right: 10px; display: inline-block; }
.headerTop li:nth-of-type(3){margin-right: 0;}
.headerTop li a{color: #232323;  font-family: '³ª´®°íµñ','NanumGothic',sans-serif; font-weight: bold; font-size: 0.96em;}
.headerTop li a img{width: 16%; margin-right: 5px; vertical-align: baseline;}

.menu-container{ overflow-x: auto;}
.menu-container .menu-list .toggle > a{color: #232323;
    font-size: 1.23em;
    font-family: 'Oswald', '³ª´®°íµñ','NanumGothic',sans-serif;
}
.menu-container .menu-list .toggle{text-align: left; padding: 8px 0;}
.menu-container .menu-list .toggle .accordion_toggle{float: right;}
.menu-container .menu-list .menu-submenu {display:none; padding: 18px; margin: 10px 0; background: #f7f7f7;}
.menu-container .menu-list .menu-submenu li a { display:block;  padding: 7px 0; text-align: left; color: #999999; font-family: 'Oswald', '³ª´®°íµñ','NanumGothic',sans-serif;
    font-size: 1.2em;
    letter-spacing: 1px;}
.menu-container .menu-list .menu-submenu li a:active{color: #000;}
.menu-container .menu-list .menu-submenu li a:hover { color:#000;}
.menu-container .menu-list { padding: 28px 24px; display: block; overflow-y: auto; overflow-x: hidden;}

.menu-list .toggle .accordion_toggle img{
    transition-duration:0.3s;    width: 50%;
    vertical-align: middle;
}

.accordion_more.rotate {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}

/* //½½¶óÀ̵å¸Þ´º */


/* BASIC css end */