@charset "utf-8";

.menu_size_holder{
	position:absolute;
	top:70px;
	z-index:3;
	width:100%;
	
}

.menu_container .main_menu{
	padding:0px;
	position:fixed;
	height:calc(100vh - 70px);
	z-index:4;
	left:0px;
	top:70px;
	width:320px;
	padding:138px 20px 0px 20px;
	background-color:#ffffff;
	transform:translateX(-100%);
  	transition:transform 0.3s ease;
}

.menu_container .main_menu.open{
	transform:translateX(0);
}

.sliding_menu.scroll .menu_container .main_menu{
	top:0px;
	height:100vh;
	padding-top:90px;
}

.scroll_holder{
	overflow:auto;
	height:calc(100vh - 238px);
}

.sliding_menu.scroll .menu_container .main_menu .scroll_holder{
	height:calc(100vh - 120px);
}

.menu_container .main_menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
}

.menu_container .main_menu ul li{
	display:block;
}

.menu_container .main_menu ul li:nth-last-child(1){
	margin-right:0px;
}

.menu_container .main_menu ul li a{
	display:block;
	color:#000;
	text-decoration:none;
	font-weight:400;
	margin:0px 0px;
	font-size:14px;
	line-height:30px;
}

.menu_container .main_menu ul li hr{
	border:none;
	border-top:1px solid #000000;
	margin:60px 0px;
}

.menu_container .main_menu ul li a div{
	border-top:4px solid transparent;
	transition:all ease-in-out 0.3s;
}

.menu_container .main_menu ul li a.sel{
	font-weight:700;
}

.menu_container .main_menu ul li a:hover,
.menu_container .main_menu ul li a.sel{
	color:#CCB887;
}

.art_menu{
	padding:0px;
	position:fixed;
	height:calc(100vh - 70px);
	z-index:4;
	left:0px;
	top:0px;
	width:320px;
	padding:138px 20px 0px 20px;
	background-color:#ffffff;
	display:none;
}

.sliding_menu.scroll .menu_container .main_menu .art_menu,
.sliding_menu.scroll .menu_container .main_menu .art_menu .menu_sub_item_subs{
	top:0px;
	height:100vh;
	padding-top:90px;
}

.art_menu.open{
	left:321px;
	display:block;

}

.art_menu .menu_sub_item{
	width:100%;
}

.art_menu .menu_sub_item_subs{
	padding:0px;
	position:fixed;
	height:calc(100vh - 70px);
	z-index:3;
	top:0px;
	left:642px;
	width:640px;
	padding:138px 20px 0px 20px;
	background-color:#ffffff;
	display:none;
}

.art_menu .menu_sub_item_subs.open{
	display:block;
}

.menu_side_image{
	position:absolute;
	left:52%;
	width:48%;
	height:100%;
	top:0px;
}

.menu_side_art{
	margin-top:138px;
	width:100%;
	text-align:center;
	padding:0px 20px;
}

.sliding_menu.scroll .menu_container .main_menu .art_menu .menu_side_art{
	margin-top:90px !important;
}

.menu_side_art .image img{
	height:155px;
}

.menu_side_art .title{
	font-size:15px;
	line-height:normal;
	color:#55585A;
	font-weight:bold;
	margin-bottom:20px;
}

.menu_side_art .desc{
	font-size:13px;
	line-height:normal;
}