/*main*/

@media (max-width: 1320px) {
	.center {width:95%;}

	.section01 .center .section-item.banner .top a {width:calc(50% - 5px);}
	.section01 .center .section-item.banner .bottom {margin-top:10px;}
	.main-board {min-height:410px;}
}

@media (max-width: 1280px) {
	.section01 .center .section-item.board, .section01 .center .section-item.banner {width:calc(50% - 5px);}
}


@media (max-width: 1024px) {
	.section-title-wrap .section-title {font-size:1.75rem;}
}

@media (max-width: 960px) {
	.section01 {padding:60px 0;}
	.section01 .center {flex-direction:column; gap:15px;}
	.section01 .center .section-item.board, .section01 .center .section-item.banner {width:100%;}
}

@media (max-width: 640px) {
	.section01 {padding:40px 0 60px;}
	.section-title-wrap {margin-bottom:12px;}
	.section-title-wrap .section-title {font-size:1.5rem;}
}


@media (max-width: 460px) {
	.section01 .center .section-item.banner .top {flex-direction:column; gap:10px 0;}
	.section01 .center .section-item.banner .top a, .section01 .center .section-item.banner .bottom a {width:100%; height:auto;}
}