/*2015.4.7 ÇÑÀº¼ö*/
/*Ææ¼Çºô´õ ¸ð¹ÙÀÏÀ¥ */
/*½½¶óÀ̵å³×ºñ°ÔÀ̼Ç*/



/* header*/

.st-nav{
  -webkit-transition: left 0.2s cubic-bezier(0.2,0.3,0.25,0.9);
    -moz-transition: left 0.2s cubic-bezier(0.2,0.3,0.25,0.9);
    -o-transition: left 0.2s cubic-bezier(0.2,0.3,0.25,0.9);
    transition: left 0.2s cubic-bezier(0.2,0.3,0.25,0.9);
  position: fixed;
  top: 0;
  bottom: 0;
  left: -320px;
  height: 100%;
  overflow-x: hidden;
  overflow-y:  auto;
  -webkit-overflow-scrolling: touch;
  width: 320px;
  z-index: 11;
  background:white;
}

.st-top{
	background: #fff;
	cursor: default;
	height: 5em;
	left: 0;
	line-height: 5em;
	top: 0;
	width: 100%;
	border-bottom:1px solid #bac0c7;
}

.st-top2 {
	background: #fff;
	cursor: default;
	height: 4em;
	left: 0;
	line-height: 5em;
	top: 0;
	width: 100%;
	/*border-bottom:1px solid #bac0c7;*/
}

.st-nav .slidenav-home {
	display:block;
	position:absolute;
	left:5px;
	top:15px;
	width:128px;
	/*height:64px;*/
	/*background:#fff url('../images/home_ico.png') 50% 50%  no-repeat ;*/
}

.st-nav .slidenav-home2 {
	display:block;
	width:128px;
	margin:0 auto;
	padding-top:5%;
}

.st-nav .slidenav-home:hover, 
.st-nav .slidenav-home:active {
	background:#fff url('../images/home_ico_s.png') 50% 50%  no-repeat ;
}

.st-nav .slidenav-close{
	display:block;
	color:white;
	font-size:30px;
	position:absolute;
	background:#000 url('../images/close_ico.png') 50% 50%  no-repeat ;
	border:0;
	right:0px;
	top:26px;
	width:45px;
	height:45px;
}




.st-nav nav{
	display:block;
	width:100%;
	height:100%;
}
.st-nav nav ul{
	display:block;
	height:100%;
}
.st-nav nav ul li{
	text-align:center;
	list-style:none;
}

.st-nav nav div{
	margin:0;
	padding:0;
}

.st-nav nav ul.left_m{
	_border-right:1px solid #bac0c7;
	display:block;
	margin:0;
	padding:0;
	height:100%;
}

.st-nav nav ul.left_m li{
	margin:1px 0 0 0;
	padding:0;
	line-height:30px;
	width:100%;
}

.st-nav nav ul.left_m li:first-Child{
	margin:0;
}

.st-nav nav ul.left_m li a{
	display:block;
	font-size:14px;
	line-height:14px;
	font-weight:600;
	background:#aeb4bf;
	color:white;
	padding:30px 0;
}

.st-nav nav ul.left_m li a:hover,
.st-nav nav ul.left_m li a.active{
	background:white;
	color:#1a1a1a !important;
}



.st-nav nav ul.right_m{
	padding:20px 0 0 15px;
	height:100%;
	font-weight:500;
	font-size:12px;
}

.st-nav nav ul.right_m li{
	text-align:left;
	line-height:40px;
	width:100%;
	margin:0;
}

.st-nav nav ul li > ul li > ul{
	padding-left:0px;
}

.st-nav nav ul.right_m > li > a{
	display:block;
	color:#282b31;
	font-size:20px;
	padding:10px 0;
	border-bottom:1px solid #1a1a1a;
}

.st-nav nav ul li a:hover,
.st-nav nav ul li a:avtive{
	color:#1a1a1a !important;
}



.st-nav nav ul.right_m > li > .right_2dep {
	display:block;
	margin-bottom:20px;
	padding-left:20px;
}
.st-nav nav ul.right_m > li > .right_2dep > li {
	color:#aeb4bf !important;
	_list-style-position: inside;
	list-style-type:disc !important;
}
.st-nav nav ul.right_m > li > .right_2dep > li i{
	font-size:40px;
	line-height:40px;
	color:#e0e0e0;
	position:relative;
	float:right;
	margin-right:8px;
	_background:url('../images/plus_ico.png') right 50% no-repeat;
}
.st-nav nav ul.right_m > li > .right_2dep  > li a{
	display:block;
	
	color:#949ca5;
	font-size:16px;
	border-bottom:1px solid #e0e0e0;
}


.st-nav nav ul.right_m > li  .right_3dep.active{
	display:none;
}

.st-nav nav ul.right_m > li  .right_3dep li a{
	display:block;
	margin:0;
	padding-left:15px;
}


.st-nav .hidden{
	display:none;
}

.st-content{
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2,0.3,0.25,0.9);
    -moz-transition: -moz-transform 0.2s cubic-bezier(0.2,0.3,0.25,0.9);
    -o-transition: -o-transform 0.2s cubic-bezier(0.2,0.3,0.25,0.9);
    transition: transform 0.2s cubic-bezier(0.2,0.3,0.25,0.9);
}

.st-content-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  visibility: hidden;
}

.st-drawer-open .st-content-overlay{
  visibility: visible;
  z-index: 10;
}


.slidenav-close{

}

/* Open */

.st-drawer-open .st-nav{
  left: 0px;
}

.st-drawer-open .st-content{
/*  -webkit-transform: translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -o-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);*/
}

#theblack {
	display:none;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	z-index:11;	
}