@charset "utf-8";
/* CSS Document */
*{margin:0; padding: 0;}
		body{
			margin:0;
			padding: 0;
			box-sizing: border-box;
			background-color: #F6F6F6;
			font-family: 'Open Sans', sans-serif;
		}
/*-----------------------------------*/
		.header{
			display: flex;
			flex-flow: column wrap;
			box-sizing: border-box;
			width: 100%;
		}
		.gCoHed{
			width: 100%;
			max-width:1400px;
			margin: 0 auto;
			display: flex;
			flex-flow: row wrap;
			box-sizing: border-box;
		}
		.coElHed{
			display:flex;
			flex-flow: row wrap;
			align-items: center;
			padding: 16px;
			box-sizing: border-box;
		}
		.brand{
			width:20%;
			box-sizing: border-box;
		}
		.logHed{
			width:100%;
			min-height: 85px;
		}
		.coSerch{
			width:40%;
			position:relative;
		}
		.serch{
			width:100%;
			height: 41px;
			border: 1.5px solid #B2B2B2;
			border-radius: 5px;
			font-size: 1em;
			box-sizing: border-box;
			padding-left: 45px;
		}
		.serch:focus{
			outline-color: #24388A;
		}
		.iconSerch{
			position: absolute;
			left: 20px;
			height: 35%;
		}
		.coSuc{
			width:40%;
			display:flex;
			box-sizing: border-box;
			justify-content: space-between;
		}
		.suc{
			display:flex;
			flex-flow: column wrap;
			
		}
		.tiSuc{
			width:100%;
			text-decoration: none;
			font-weight: bold;
			color: #24388A;
		}
		.nuSuc{
			width:100%;
			text-decoration: none;
			color: #24388A;
		}
		.tiSuc:hover{
			text-decoration:underline;
		}
		.nuSuc:hover{
			text-decoration:underline;
		}
		@media only screen and (max-width: 1280px) {
			.gCoHed{
				width:100%;
			}
		}
		
		@media only screen and (max-width: 768px) {
			.gCoHed{
				width:100%;
			}
			.brand{
				width:30%;
				box-sizing: border-box;
			}
			.coSerch{
				width:70%;
				position:relative;
			}
			.coSuc{
				display: none;
			}
			
		}
		
		@media only screen and (max-width: 576px) {
			.gCoHed{
				width:100%;
			}
			.brand{
				width:100%;
				box-sizing: border-box;
				display: flex;
				justify-content: center;
			}
			.coSerch{
				width:100%;
				position:relative;
			}
			.coSuc{
				display: none;
			}
			
		}