/* mainSlide 
#mainSlide {background: #eee; width: 100%; overflow: hidden; text-align: center; position: relative;}
.slidebox img {width: 100%; padding: 15px 0; max-width: 1200px; margin: auto;}

.slide_01 {background: #dbedab;}
.slide_02 {background: #abd4ed;}
.slide_03 {background: #c1e4e0;}

#mainSlide .slick-dots {position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); white-space: nowrap;}
#mainSlide .slick-dots li {display: inline-block; margin: 0 5px;}
#mainSlide .slick-dots button {color: #fff; background: rgba(0,0,0,0.3); border: 0; cursor: pointer; border-radius: 5px; padding: 5px 10px; font-size: 12px;}
#mainSlide .slick-dots li.slick-active button {background: #00a0e9;}
*/
section.visual {
	width: 100%;
	height: 530px;
	background: #f1f5fb;
	overflow: hidden;
}
.visualSwiper .swiper-slide {
	text-align: center;
}
.visualSwiper #slide_banner01.swiper-slide {
	background:url(/images/mainBanner/slide_banner01_bg.png) no-repeat center;
}
.visualSwiper #slide_banner02.swiper-slide {
	background-color:#6ab4e3;
}
.visualSwiper #slide_banner03.swiper-slide {
	background-color:#f4eee1;
}
.visualSwiper #slide_banner04.swiper-slide {
	background:url(/images/mainBanner/slide_banner04_bg.png) no-repeat center;
}
.visualSwiper #slide_banner05.swiper-slide {
	background-color:#1a2351;
}
.visualSwiper #slide_banner06.swiper-slide {
	background:url(/images/mainBanner/slide_banner06_bg.png) no-repeat center;
}
.visualSwiper #slide_banner07.swiper-slide {
	background:url(/images/mainBanner/slide_banner07_bg.png) no-repeat center;
}
.visualSwiper #slide_banner08.swiper-slide {
	background:url(/images/mainBanner/slide_banner08_bg.png) no-repeat center;
}
.visualSwiper #slide_banner09.swiper-slide {
	background:url(/images/mainBanner/slide_banner09_bg.png) no-repeat center;
}
.visualSwiper #slide_banner10.swiper-slide {
	background:url(/images/mainBanner/slide_banner10_bg.png) no-repeat center;
}
.visualSwiper .swiper-slide > img {
	height: 175px;
}
.visualSwiper .swiper-pagination {
	top: 500px !important;
}
.visualSwiper .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	opacity: 1
}
.visualSwiper .swiper-pagination .swiper-pagination-bullet-active {
	background: #3b4baa;
}

/* mainBoards */
#mainBoards {margin-top: 30px;}
#mainBoards .tab_menu {position: relative; border-radius: 5px; width: 100%; margin-bottom: 12px;}
#mainBoards .tab_btn {font-weight: bold; color: #0054b4; background: #ecf4ff; display: inline-flex; align-items: center; padding: 0 18px; height: 40px; border-radius: 5px; margin-right: -3px;}
#mainBoards .tab_btn.on {background: #0054b4; color: #fff;}
#mainBoards .tab_more {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#mainBoards .board_list li {margin: 8px 0; color: #333;}
#mainBoards .post {width: 100%; display: inline-block; vertical-align: middle; margin-right: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#mainBoards #mB_tab_01_con .post {width: calc(100% - 110px);}


/* mainLinks */
#mainLinks {justify-content: space-between; flex-wrap: wrap; padding: 0 5px; margin: 50px 0;}
#mainLinks a {display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; width: calc(50% - 10px); padding: 20px 0; font-size: 18px; color: #333; margin: 5px;}
#mainLinks img {margin-bottom: 25px;}


/* mainCall */
#mainCall {text-align: center; background: #ecf4ff!important; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 20px 0;}
#mainCall h2 {font-size: 36px; color: #0054b4; margin: 0;}
#mainCall h3 {font-size: 20px; margin: 0;}
#mainCall p {font-size: 16px; color: #3a4856; font-weight: bold; margin: 0 0 10px;}