header.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	padding: 0;
	z-index: 3;
	transition: none;
	box-sizing: border-box;
	font-size: 16px;
	color: #000000;
	text-align: center;
	font-family: 'Pretendard';
	font-weight:bold;
	-webkit-tap-highlight-color: transparent;
}

header.header.underline {
	border-bottom: 2px solid #eaecf0;
}
header.header.bg-white {
	background: #fff;
}

header.header .header-body {
	position: relative;
	width: 100%;
	height: 100%;
	align-items: center;
}

header.header .header-body .box-button {
	position: absolute;
	bottom: 0;
	height: 100%;
	transform: translateY(3px);    /* 이거 뭣때문에? */
}
header.header .header-body .box-button.left {
	left: 0;
	transform: translateY(1px);
}
header.header .header-body .box-button.js-btn-back {
	left: 0;
	transform: translateY(3px);
	
}
header.header .header-body .box-button.right {
	right: 0;
}

header.header .header-body .box-button#chat {
	right: 0;
	transform: translateY(-1px);
}
header.header .header-body .box-button button {
	height: 100%;
	padding: 0 24px;
}

/* header.header .header-body .box-button.right button {
	height: 50px;
	width: 50px;
} */

header.header .header-body .box-button.left button img {
	width: 11px;
	height: 19px;
	vertical-align: middle;
}

header.header.bg-black .header-body .box-button.left button img {
	filter: invert(100%);
}

header.header .header-body .center {
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.view.active header.header{
	transform: translateX(0%);
}
.view.active header.header .center.title img{
	width: 70px;
}