[sidebarjs] {
	position: fixed;top: 0;right: 0;
	width: 0;height: 100%;z-index: 1001;

}
[sidebarjs-container] {
	position: fixed;right: -417px;
	width: 100%;max-width: 417px;height: 100%;    
	background-color: #fff;
	display: -moz-flex;-moz-flex-direction: column;  
	display: -ms-flex;-ms-flex-direction: column;  
	display: -webkit-flex;-webkit-flex-direction: column;  
	display: flex; flex-direction: column; 
	z-index: 1;
	-webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1);
		padding-top:80px;
}
[sidebarjs-background] {
	position: absolute;top: 0;left: 0;
	width: 100%;height: 100%;
	background: #3a3a3a;opacity: 0;
	cursor: url(../img/cursor-close.png),pointer;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
[sidebarjs].sidebarjs--is-visible {right: 0;width: 100%;}
[sidebarjs].sidebarjs--is-visible [sidebarjs-container] {right: 0;overflow-x: hidden;overflow-y: auto;}
[sidebarjs].sidebarjs--is-visible [sidebarjs-background] {opacity: .6;}



/* side-pannel menu  */
.side-pannel-menu .pannel-wrapper {padding: 0 40px 0px 40px;}
.side-pannel-menu .item-sub-menu {display:block}
.side-pannel-menu .close-btn {
    position: absolute;right: 25px;top: 20px;
    color: #666;
    z-index: 9;cursor: pointer;
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    transition: transform .5s ease;
}
.side-pannel-menu .close-btn:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.side-pannel-menu .profile {
    position: relative;
    padding: 40px 40px;margin: 0;
    text-align: center;
}
.side-pannel-menu .profile>img {margin-bottom: 20px;}
.side-pannel-menu .profile>h3 {margin: 0;font-size: 20px;color: #ccc;}
.side-pannel-menu .profile>h2,
.side-pannel-menu .profile>h3, 
.side-pannel-menu .profile>h5 {font-weight: normal;}
.side-pannel-menu .profile>h5 {font-size: 15px;color: #7e8082;}
.side-pannel-menu .profile>h2 {position: relative;padding-bottom: 10px;margin-bottom: 15px;font-size: 25px;line-height: 1.4;}
.side-pannel-menu .profile>h2 small {font-size: 50%;}
.side-pannel-menu .profile>h2:after {
  content: '';display: block;
  position: absolute;left: 50%;bottom: 0;
  margin-left: -20px;width: 40px;height: 1px;
  background-color: #999;
}
.side-pannel-menu .pannel-menu {
    padding: 0px 0;margin-bottom: 20px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.side-pannel-menu .pannel-menu a {
  width: 83px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
.side-pannel-menu .pannel-menu a>span {font-size: 16px; }

.side-pannel-menu .side-pannel-nav,
.side-pannel-menu .side-pannel-nav ul {list-style: none;}
.side-pannel-menu .side-pannel-nav {padding: 0;}
.side-pannel-menu .side-pannel-nav ul { padding: 2px 30px 0px 30px;background-color: #fbfbfb; }
.side-pannel-menu .side-pannel-nav li.active>a {color: #666666;}
.side-pannel-menu .side-pannel-nav a {
    display: block;position: relative;
     padding: 2px 10px 0px 30px;
    text-decoration: none;	
    line-height: 3.0em;
	font-family: "s-core", '나눔고딕','NanumGothic', "Malgun Gothic", "sans-serif" !important;a; font-weight:500; color:#333; clear:both;white-space:normal;  font-size:20px;
}
.side-pannel-menu .side-pannel-nav ul>li>a {padding: 2px 10px 0px 20px;}
.side-pannel-menu .side-pannel-nav ul>li>ul>li>a {padding: 0px 10px 0px 25px;}
.side-pannel-menu .side-pannel-nav ul>li>ul>li>ul>li>a {padding: 0px 10px 0px 35px;}
.side-pannel-menu .item-children > a::after {
	content: '';display: block;
	height: 11px;width: 8px;
	position: absolute;top: 50%;right: 30px;bottom: auto;		
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);	
	background: url("../img/nav-arrow.svg") no-repeat center center;
	background-size: 8px 11px;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.side-pannel-menu .item-children>ul>.item-children>a:after {right: 10px;}
.side-pannel-menu .item-children>a.submenu-open::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

/* Colorset */
.side-pannel-menu .pannel-social {
    padding-top: 20px;
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #555555;
}
.side-pannel-menu .profile>h2,
.side-pannel-menu a {color: #eee;}
.side-pannel-menu .profile>h5 {color: #ccc;}
.side-pannel-menu .pannel-menu,
.side-pannel-menu .pannel-social {border-color: #555555;}
.side-pannel-menu .side-pannel-nav ul {background-color: #eee;}