@media (max-width: 1600px){
	.scroll {right: 15px;}
}

@media (max-width: 1200px){
	.m-visual .visual .swiper-wrapper .swiper-slide .backdrop {background-position-x: 20%;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {text-shadow: 3px 1px 5px rgba(255,255,255, .5);}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {text-shadow: 3px 1px 5px rgba(255,255,255, .5);}
	
	.controls {left: 50%;}

	.sec3 .board-wrap {gap: 40px;}
}

@media (max-width: 1024px){
/* 	.m-visual .visual .swiper-wrapper .swiper-slide .backdrop {background-position: 20% 50%;}	 */

	.sec2 .banner {padding: 50px 35px 40px;}
	.sec2 .banner .txt h5 {font-size: 40px;}
	.sec2 .banner > a {right: 35px; top: 50px;}
	
	.sec3 .board-wrap .inner .board-box h5 {font-size: 26px;}
	.sec3 .board-wrap .inner .board-box.research h5 ~ h5 {margin-left: 15px;}
	.sec3 .board-wrap .inner .board-box ul li {gap: 30px; padding: 30px 15px;}
	.sec3 .board-wrap .inner .board-box ul li a dl dt {font-size: 20px;}
	.sec3 .board-wrap .inner .board-box ul li .date {font-size: 20px;}
	.sec3 .board-wrap .inner .board-box.research ul li {padding: 30px 15px;}
	.sec3 .board-wrap .inner .board-box.result ul li {padding: 20px 15px;}
	.sec3 .board-wrap .inner .board-box.result ul li a {font-size: 20px;}
}

@media (max-width: 768px){
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {font-size: 50px; text-align: center; text-shadow: none; color: #fff; right: 0}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {font-size: 50px; text-align: center; text-shadow:none; color: #fff; right: 0;}
	.m-visual .visual .swiper-wrapper .slide01 .backdrop {background-image:url(../images/main/mo_visual_01.jpg);}
	.m-visual .visual .swiper-wrapper .slide02 .backdrop {background-image:url(../images/main/mo_visual_02.jpg);}
	.m-visual .visual .swiper-wrapper .slide03 .backdrop {background-image:url(../images/main/mo_visual_03.jpg);}
	
	.controls  {bottom: 280px;}
	.scroll {width: 90px; height: 90px; left: 50%; transform: translateX(-50%); right: initial; background-image:url(../images/main/mo_arr_scroll.png);}
	.scroll::after {background-size: 90px auto; background-image:url(../images/main/mo_scroll.png);}
	

	.sec2 {padding-bottom: 120px;}
	.sec2 .banner {padding: 50px 20px 40px;}
	.sec2 .banner .txt h5 {font-size: 30px;}
	.sec2 .banner .txt p {font-size: 18px;}
	.sec2 .banner > a {right: 20px;font-size: 18px;}
	.sec2 .banner .tab {margin-top: 60px; flex-wrap: wrap;}
	.sec2 .banner .tab span {line-height: 42px; flex: 0 0 calc(33% - 6px);}
	
	.sec3 .board-wrap {flex-wrap: wrap; gap: 60px;}
	.sec3 .board-wrap .inner {width: 100%; min-height: auto;}
/* 	.sec3 .board-wrap .inner .board-box.result ul li .fade-img {display: none;} */
	
	
}

@media (max-width: 480px){
	.m-visual .visual {height: 800px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {font-size: 45px; top: 190px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h3 {top: 230px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {font-size: 45px; top: 260px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container p {top: 300px;}
	
	.controls  {bottom: 300px;}

	.sec2 .banner .txt h5 {font-size: 24px;}
	.sec2 .banner .txt p {font-size: 16px;}
	.sec2 .banner > a {font-size: 16px;}
	.sec2 .banner .tab {margin-top: 30px;}
	.sec2 .banner .tab span {line-height: 36px; font-size: 14px;}
	
	.sec3 .board-wrap .inner .board-box h5 {font-size: 22px;}
	.sec3 .board-wrap .inner .board-box ul {min-height: auto;}
	.sec3 .board-wrap .inner .board-box.research h5 ~ h5 {margin-left: 15px;}
	.sec3 .board-wrap .inner .board-box ul li {padding: 20px 10px; gap: 20px;}
	.sec3 .board-wrap .inner .board-box ul li a dl dt {font-size: 18px;}
	.sec3 .board-wrap .inner .board-box ul li a dl dd {font-size: 16px;}
	.sec3 .board-wrap .inner .board-box.research ul li {padding: 20px 10px;}
	.sec3 .board-wrap .inner .board-box.result ul li {padding: 20px 10px;}
	.sec3 .board-wrap .inner .board-box.result ul li a {font-size: 18px;}
	
}