@charset "utf-8";

@media(max-width: 1700px) {
	/* sec3 */
	.sec3 .cnt-control {width: 110px; top: 0; left: inherit; transform: none; right: 100px;}
	.sec3 .cnt-control .cnt-btn {width: 50px; height: 50px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd; background-size: auto 25px;}
	.sec3 .cnt-control .cnt-btn:hover {border-color: #026bb7;}
	
	/* sec4 */
	.sec4 .intro-control {width: 110px; top: 10px; left: inherit; transform: none; right: 15px;}
	.sec4 .intro-control .intro-btn {width: 50px; height: 50px; border-radius: 50%; border: 1px solid #ddd; background-size: auto 25px;}
	.sec4 .intro-control .intro-btn:hover {border-color: #026bb7;}
}

@media (max-width: 1400px) {
	.m-visual .visual .swiper-wrapper .swiper-slide .container h2 {left: 15px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {left: 15px;}

}

@media (max-width: 1200px){
	.m-visual .visual .swiper-wrapper .swiper-slide .container h2 {font-size: 45px;}
	.m-visual .main_news {max-width: 430px;}
	
	/* sec2 */
	.sec2 .board {width: calc(100% + 20px); margin: 0 -10px;}
	.sec2 .board .notice {padding: 0 10px;}
}

@media (max-width: 1024px) {
	.m-visual .container {flex-wrap: wrap;}
	.m-visual .visual {max-width: 100%; height: auto;}
	.m-visual .main_news {max-width: 100%;}
	.m-visual .main_news .news-list {min-height: auto;}
	.m-visual .main_news .news-list ul li .item a {max-width: 850px;}
	.m-visual .main_news .img-box .none {min-height: 500px;}
	
	/* sec2 */
	.sec2 .board {flex-wrap: wrap;}
	.sec2 .board .notice {width: 100%;}
	.sec2 .board .notice ~ .notice {margin-top: 20px;}
	.sec2 .board .notice ul li a {max-width: 850px;}
	
	/* sec4 */
	.sec4 .intro .swiper-wrapper .swiper-slide a p {font-size: 22px; padding-top: 20px;}
}

@media (max-width: 768px) {
	.m-visual .visual .swiper-wrapper .swiper-slide .container h2 {font-size: 40px; top: 100px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {font-size: 22px; top: 60px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container p {top: 100px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h2 {top: 150px;}
	
	.m-visual .main_news .img-box {min-height: auto;}
	.m-visual .main_news .img-box .none {min-height: 300px;}
	/* .m-visual .main_news .news-list {min-height: 100px;} */
	
	/* sec2 */
	.sec2 {padding: 60px 0;}
	
	/* sec3 */
	.sec3 {padding: 60px 0;}
	.sec3 .cnt {min-height: 350px;}
	.sec3 .cnt .none {min-height: 350px;} 
	
	/* sec4 */
	.sec4 {padding: 60px 0 100px;}
	.sec4 .tit h5 span {padding-left: 0; display: block; padding-top: 10px;}
	.sec4 .intro .swiper-wrapper .swiper-slide a {min-height: 200px;}
	.sec4 .intro .swiper-wrapper .swiper-slide a p {font-size: 18px;}
	.sec4 .intro .swiper-wrapper .swiper-slide a .img {width: 90px; height: 90px;}
}

@media (max-width: 480px) {
	.m-visual .visual {height: 400px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h2 {font-size: 30px; top: 80px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {font-size: 18px; top: 20px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container p {top: 70px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h2 {top: 120px;}
	.controls {bottom: 20px; height: 40px;}
	
	.m-visual .main_news .tit h5 {font-size: 24px;}
	.m-visual .main_news .img-box .none {min-height: 200px;}
	.m-visual .main_news .img-box dl dt {font-size: 16px;}
	.m-visual .main_news .img-box dl dd {font-size: 14px;}
	.m-visual .main_news .news-list ul li .item {gap: 20px;}
	.m-visual .main_news .news-list ul li .item a {font-size: 14px;}
	.m-visual .main_news .news-list ul li .item a::before {width: 4px; height: 4px;}
	.m-visual .main_news .news-list ul li .item span {font-size: 14px;}
	
	/* sec2 */
	.sec2 .board .notice .tit h5 {font-size: 18px;}
	.sec2 .board .notice ul li {padding: 15px 0;}
	.sec2 .board .notice ul li a {font-size: 14px;}
	.sec2 .board .notice ul li span {font-size: 14px;}
	.sec2 .board .notice .inner {min-height: 230px;}
	.sec2 .board .notice ul li.none {min-height: 180px; font-size: 14px;}
	
	/* sec3 */
	.sec3 .tit h5 {font-size: 24px;}
	.sec3 .cnt {min-height: 250px;}
	.sec3 .cnt .none {min-height: 250px;}
	.sec3 .cnt .swiper-slide .item p {padding: 15px 0; font-size: 16px;}
	.sec3 .cnt-control {width: 90px; top: -10px; left: inherit; transform: none; right: 90px;}
	.sec3 .cnt-control .cnt-btn {width: 40px; height: 40px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd; background-size: auto 20px;}
	
	/* sec4 */
	.sec4 .tit h5 {font-size: 24px;}
	.sec4 .tit h5 span {font-size: 16px;}
	
	.sec4 .intro-control {width: 90px; top: 10px; left: inherit; transform: none; right: 15px;}
	.sec4 .intro-control .intro-btn {width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ddd; background-size: auto 20px;}
	
}