#header.sub{
	border:none;
	background:#4371ea;
	height:60px;
}

.header_wrap{
	width:90%;
}
.top-header{
	position:relative;
	top:0;
	left:0;
	width:100%;
}

.top-header div.header-left{
	width:50%;
	position:absolute;
	bottom:20px;
	left:0;
}
.top-header div.header-right{
	width:50%;
	position:absolute;
	bottom:15px;
	right:10px;
	display:flex;
	align-items:center;
	justify-content:flex-end;	
}

.top-header div.header-right div{
	width:30px;
	height:30px;
}
#header.sub h1{
	margin-left:40px;
	color:#fff;

}
.user_iconbox{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.user_iconbox p{
	width:30px;
	height:30px;
	background:url("../images/common/user-icon.svg")no-repeat;
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

.notify_iconbox p{
	width:30px;
	height:30px;
	position:absolute;
	cursor:pointer;
}

.notify_iconbox p.notify_icon{
 	background:url("../images/common/notify-on.svg")no-repeat;
 	background-size:cover;
	background-position:center;	
	display:none;
}


.notify_iconbox p.notify_off_icon{
 	background:url("../images/common/notify-off.svg")no-repeat;
 	background-size:cover;
	background-position:center;	

 }
.icon.xl.back{
	background:url("../images/common/ico-back-w.png") 50% 50% no-repeat;
	background-size:auto 15px;
}