
.show_mobile {
	display: none;
}

.header {
	margin-top: 70px;
	width: 100vw;
}

.header .cont1 {
	width: 1200px;
	margin: 0 auto;
}

.header .cont1 .text1 {
	text-align: center;
}

.header .cont1 .text1 span {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 900;
	font-size: 50px;
	line-height: 74px;
}

.header .cont1 .text2 {
	text-align: center;
	margin-top: 20px;
}

.header .cont1 .text2 span {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 15px;
}

.header .cont2 {
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}

.tab1 {
	margin-top: 50px;
	width: 100vw;
}

.tab1 .cont1 {
	width: 1200px;
	margin: 0 auto;
	height: 70px;
	box-sizing: border-box;

	display: flex;
	flex-direction: row;
	justify-content: center;
}

.tab1 .cont1>div {
	display: flex;
	flex-direction: column;
	justify-content: center;

	text-align: center;
	flex-grow: 1;

	width: 50%;

	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;

	border: 1px solid #DDDDDD;

	cursor: pointer;
}

.tab1 .cont1>div.on {
	background: #287DD3;
	border: 0;
	color: white;
}

.tab1 .cont1>div:hover {
	background: #287DD3;
	border: 0;
	color: white;
}



.footer {
	width: 100vw;
	background: #287DD3;
}

.footer .cont1{
	width: 1200px;
	margin: 0 auto;
	height: 70px;
	text-align: right;
}

.footer .cont1 img{
	width: 340px;
	margin-top: 10px;
}


/*모바일*/
@media only screen and (max-width: 1024px) {
	.show_mobile {
		display: initial;
	}

	.show_pc {
		display: none;
	}

	.header {
		margin-top: 12.8vw;
		width: 100vw;
	}

	.header .cont1 {
		width: 100vw;
	}

	.header .cont1 .text1 span {
		font-weight: 900;
		font-size: 7.7vw;
		line-height: 11.28vw;
		text-align: center;

		color: #333333;
	}

	.header .cont1 .text2 {
		text-align: center;
		margin-top: 5.12vw;
	}

	.header .cont1 .text2 span {
		font-weight: 400;
		font-size: 4.1vw;
		line-height: 6.41vw;
	}

	.header .cont2 {
		width: 100vw;
		margin-top: 12.8vw;
	}

	.header .cont2 img {
		width: 100vw;
	}

	.tab1 {
		margin-top: 12.8vw;
		width: 100vw;
	}

	.tab1 .cont1 {
		width: 100vw;
		height: 18vw;
	}

	.tab1 .cont1>div {
		font-weight: 400;
		font-size: 5.12vw;
		line-height: 7.7vw;
		/* identical to box height */

		width: 50vw;


		color: #595959;

		border: 1px solid #DDDDDD;

		cursor: pointer;
	}



	.footer {
		width: 100vw;
		background: #287DD3;
	}

	.footer .cont1{
		width: 100vw;
		height: 17.9vw;
		text-align: center;
	}

	.footer .cont1 img{
		width: 76.9vw;
		margin-top: 3.56vw;
	}
	
}