@charset "utf-8";

@media (max-width: 1600px) {
	.s3_1 .contact li {padding: 30px 20px;}
	.s3_1 .contact li a {font-size: 22px;}
	.s3_1 .contact li address {font-size: 22px;}
}

@media (max-width: 1400px) {
	.s3_1 .contact li {padding: 30px 10px;}
	.s3_1 .contact li a {font-size: 20px;}
	.s3_1 .contact li address {font-size: 20px;}
}

@media (max-width: 1200px) {
	.s3_1 .contact li {flex: 1 1 auto; width: auto;}
}

@media (max-width: 1024px) {
	.s3_1 .contact {flex-wrap: wrap;}
	.s3_1 .contact li {flex: 1 1 calc(50% - 11px);}
	
	
}

@media (max-width: 768px) {
	#sub .page-header > .container {padding-top: 180px;}
	.page-header .container h2 {font-size: 50px;}
	section {padding: 40px 0 120px;}
	.section-header h3 {font-size: 30px;}
	
	.lnb ul {flex-wrap: wrap;}
	.lnb ul li {flex: 0 0 calc(50% - 4px);}
	.lnb ul li a {font-size: 18px; padding: 0 10px; line-height: 44px;}
	
	.real-cont {padding: 40px 0 120px;}
	
	.s3_1 .contact {margin-top: 40px;}
	.s3_1 .contact li {flex: 100%; padding: 20px 10px;}
}

@media (max-width: 480px) {
	.page-header .container h2 {font-size: 40px;}
	.section-header h3 {font-size: 22px;} 
	
	.lnb ul li {flex: 1 1 auto;}
	.lnb ul li a {font-size: 16px;}

	.s3_1 .contact li a {font-size: 18px; padding-left: 35px;}
	.s3_1 .contact li address {font-size: 18px; padding-left: 35px;}
}