.list_box{
	width:20px;
	height:20px;
	float:left;	
	background: url(../img/dot.png) no-repeat;
	position: absolute;
	left:17px;
	margin-top: 1px;
}
.list_box.toggle{
	width:20px;
	height:20px;
	float:left;	
	background: url(../img/dot_over.png) no-repeat;
	position: absolute;
	left:17px;
}
.content > .openMenu {
	position: absolute;
	display:none;
	top: 50%;
	right:0;
	width: 56px;
	height: 74px;
	margin-top: -28px;
	padding:0;
	background: url(../img/menu.png) no-repeat 100% 100% / 100% 100%;
	border: 0px;
	z-index: 102;
	transition-duration: 0.4s;
	cursor: pointer;
}
.content > .indexMenu {
	position: absolute;
	right:0;
	bottom:0;
	width:33%;
	height:100%;
	z-index: 102;
	background:#280138;
	background-size: 100% 100%;
	transition-duration: 0.4s;
	display: none;
}
.content > .indexMenu > .closeMenu {
	position: absolute;
	z-index: 103;
	top:1px;
	right: 1px;
	border: 1px;
	background: url(../img/menu_close.png) no-repeat;
	background-size: 100% 100%;
	height: 64px;
	width: 64px;
	cursor: pointer;
}
.content > .indexMenu > .list{
	position: relative;
	top : 10%;
	cursor: pointer;
	font-family: 'Nanum Gothic';
	font-weight: 700;
}
.content > .indexMenu > .list > .mainTitle {
	color: #FFF;
	font-size: 23px;
	border: 1px;
	text-align: left;
	background-color: hsla(0, 10%, 10%, 0);
	text-indent: 10px;
	width: 100%;
	height: 33px;
	margin : 12px 0px 0px 0px;
	letter-spacing:-1px;
}
.content > .indexMenu > .list > .subTitle {
	width:100%;
	padding:5px 0px 5px 36px;
	color: #FFF;
	font-size: 16px;
	border: 0px;
	text-align: left;
	background-color: hsla(0, 10%, 10%, 0);
	cursor: pointer;
	letter-spacing: -1px;  
}
.content > .indexMenu > .list > .subTitle.toggle,
.content > .indexMenu > .list > .subTitle:hover{
	background:linear-gradient(to right, #28C0F8, rgba(0,0,0,0));
}
.content > .indexMenu > .list > .subTitle > .sub_text{
	display:inline-block;
	margin-left:10px;
}