@charset "UTF-8";
/*
=======================================================
HEADER
=======================================================
*/
.headerTop .topContainer{
	display:flex;
	align-items: center;
}
.headerLogo{
	margin-right:90px;
}
.headerTop{
	margin-top:5px;
}
.headerInfoTit{
	font-size:14px;
	flex-basis: 130px;
	color:#222222;
}
.headerInfoBox{
	display:flex;
	align-items: center;
	margin-right: 15px;
	flex-grow: 2;
}
.headerInfoBox .leftMenuInfoTxt1{
	line-height:1;
	margin-left:10px;
}
.headerBnr{
	margin-right:30px;
}
.headerTelTxt{
	font-size:12px;
	color:#166cb5;
	line-height: 1;
}
.headerTel{
	font-size:24px;
	color:#166cb5;
	font-weight:bold;
	line-height: 1.6;
}
.headerTopTel{
	text-align:center;
	margin-left: auto;
	margin-right: 10px;
	flex-basis: 190px;
}
.headerUpdateBtn{
	background:#166cb5;
	border-radius:3px;
	display:flex;
	align-items:center;
	justify-content: center;
	width:46px;
	height:46px;
}
.headerUpdateBtn i{
	color:#fff;
	font-size: 22px;
}
.headerCenter{
	background: linear-gradient(#309dcf, #62aed1);
	border-bottom:2px solid #cfcfcf;
}
.headerCenter .topContainer{
	display:flex;
	justify-content: space-between;
}
.headerName{
	background:#fff;
	font-size:18px;
	font-weight:bold;
	padding:8px 5px 4px 20px;
	border:2px solid #cfcfcf;
	border-bottom:none;
	position:relative;
	bottom:-2px;
	z-index: 5;
	color:#3698db;
	text-shadow:0px 0px 2px #ccc,0px 4px 9px #a4a4a4;
	margin-top: 8px;
}
.headerName:after{
	content:"";
	background:#fff;
	transform:skewX(45deg);
	height: 41px;
    width: 41px;
    display: block;
    position: absolute;
    top: 0px;
    right: -23px;
    z-index: -1;
    border-right: 3px solid #cfcfcf;
}
.headerCenterBtnBox{
	display:flex;
	align-items: center;
}
.headerContactBtn a{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	background:#f69600;
	border:2px solid #fff;
	border-radius:6px;
	padding:8px 15px;
	margin-right:10px;
}
.headerHelpBtn a{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	background:#e15046;
	border:2px solid #fff;
	border-radius:6px;
	padding:8px 15px;
}
.headerBtm .topContainer{
	display:flex;
	justify-content: flex-end;
	padding:8px 0 0;
}
.headerDateBox{
	display:flex;
	align-items:center;
}
.headerDate{
	font-size:14px;
	color:#24b5c8;
	font-weight:bold;
	margin-right:5px;
	letter-spacing: 0.05em;
}
.headerLogoutBtn a{
	font-size:12px;
	color:#fff;
	font-weight:bold;
	background:#25ba9b;
	padding:3px 8px;
	border-radius:6px;
	display: flex;
    align-items: center;
}
.headerLogoutBtn a i{
	margin-right:2px;
}
.headerName.nameNone{
	background:initial;
	border:none;
}
.headerName.nameNone:after{
	content:none;
}


@media screen and (max-width: 1399px) {
	.headerInfoTit{
		font-size:16px;
	}
	.headerLogo{
		margin-right:30px;
	}
	.headerBnr{
		margin-right:20px;
	}
}
@media screen and (max-width: 1299px) {
	.headerLogo{
		margin-right:20px;
	}
	.headerBnr{
		margin-right:10px;
	}
	.headerInfoTit{
		font-size:14px;
	}
	.headerTel{
		font-size:18px;
	}
	.headerTelTxt{
		font-size:10px;
	}
	.headerInfoBox{
		margin-right:5px;
	}
	.headerUpdateBtn{
		width:32px;
		height:32px;
	}
	.headerInfoBox .leftMenuInfoTxt1{
		font-size:10px;
		margin-left:0;
	}
}
@media screen and (max-width: 1199px) {
	.headerInfoBox{
		flex-wrap:wrap;
	}
	.headerInfoTit{
		width:100%;
	}
	.headerTopTel{
		width:20%;
	}
}
@media screen and (max-width: 991px) {
	.headerInfoBox{
		display:none;
	}
	.headerTopTel{
		position: fixed;
	    bottom: 0;
	    width: 100%;
	    left: 0;
	    background: #fff;
	    z-index: 99;
	    border-top: 1px solid #999999;
	    padding: 10px;
	}
	.headerTelTxt{
		font-size:14px;
	}
	.headerTel{
		font-size:24px;
	}
}