@CHARSET "UTF-8";

main {
	width:100%;
	height:calc(100vh - 427px);
	margin-top:79px;
}

.mainSlide {
	position:relative;
	width:100%;
	height:100%;
}

.mainSlide__container {
	position:relative;
	width:100%;
	height:100%;
}

.mainSlide__wrapper {
	width:100%;
	height:100%;
}

.mainSlide__Slidewrapper {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:1400px;
	height:100%;
	margin:0 auto;
}

.mainSlide__Slidewrapper img{
  width:37%;
  position: absolute;
  top: 10px;
  right: 50px;
}

.mainSlide__textBox {
	display:flex;
	flex-direction:column;
	width:550px;
	height:312px;
}

.mainSlide__textBox h3 {
	font-size:50px;
	font-weight:700;
}

.mainSlide__textBox h3 span {
	display:flex;
    justify-content: flex-start;
    align-items: center;
    height: 80px;
	color:#007eff;
	margin-top:20px;
}

.mainSlide__textBox p {
    font-size: 26px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
}

.mainSlide__addonBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    width: 1400px;
    left: 50%;
    bottom: 15%;
    transform: translateX(-50%);
    z-index: 10;
}

.swiper__addonLine {
	width:80px;
	height:1px;
	background-color:#000;
    margin-bottom: 15px;
    margin-right: 20px;
}

.swiper__addonicon {
	padding-bottom: 10px;
	border-bottom:5px solid transparent;
	cursor:pointer;
}

.swiper__addonicon img:last-child {
	display:none;
}


.mainSlide__container .mainSlide__addonBox .mainSlide__pagination {
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:static;
	width:120px;
	margin-right:90px;
}

.mainSlide__container .mainSlide__addonBox .mainSlide__pagination .swiper-pagination-bullet {
	width: auto;
    height: auto;
    border-radius: 0;
    padding-bottom: 10px;
    margin: 0;
    opacity:1;
    font-size:15px;
    font-weight:700;
	background-color: transparent;
	border-bottom:5px solid transparent;
}

.mainSlide__container .mainSlide__addonBox .mainSlide__pagination .swiper-pagination-bullet-active {
	border-bottom:5px solid #000;
}

.mainSlide__bottom {
	position: absolute;
    text-align: center;
    bottom: 40px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
}

.mainSlide__bottom img {
	animation:mouseMove 2s infinite linear;
}

@keyframes mouseMove {
	
	0% {
		transform:translateY(0);
	}
	
	50% {
		transform:translateY(10px);
	}
	
	100% {
		transform:translateY(0);
	}
}

.mainSlide__bottom span {
    display: block;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 700;
}

/* ---------- */

.mainSlide__Slide01 {
	/**background:url("/res/img/index/main_visual01.png") no-repeat center center;**/
	background: #b7d5d7;
	background-size:cover;
}

.mainSlide__Slide02 {
	/**background:url("/res/img/index/main_visual02.png") no-repeat center center;**/
	background: #b5e6ef;
	background-size:cover;
}

.mainSlide__Slide03 {
	/**background:url("/res/img/index/main_visual03.png") no-repeat center center;**/
	background: #d2e5f0;
	background-size:cover;
}

/* ---------- */

body section {
	position: relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:730px;
	overflow:hidden;
}

.section__container {
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
    justify-content: space-between;
	width:1400px;
	height:540px;
}

.section__container > img {
    position: absolute;
    top: 60%;
    right: -10%;
    transform: translateY(-50%);
}

.section__title {
	text-align:center;
}

.section__title h4 {
	font-size:30px;
	font-weight:700;
	line-height:2;
}

.section__title h4 span {
	border-bottom:5px solid #005874;
}

.section__wrapper {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	height:350px;
}

.section__contLeft {
	position:relative;
	width:680px;
	height:100%;
	border-radius:15px;
	overflow:hidden;
	padding:50px 0 20px 30px;
	background:url("/res/img/index/main-img01.png") no-repeat center center;
	background-size:cover;
	transform: translateX(-100%);
    opacity: 0;
    transition: all 1s;
}

.section__contLeft img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.section__contLeft-textBox {
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
	color:#fff;
}

.section__contLeft-textBox h5 {
	font-size:30px;
	font-weight:700;
}

.section__contLeft-textBox p {
	font-size:16px;
	font-weight:500;
	line-height:2;
}

.section__contLeft-btnBox {
	display:flex;
	justify-content:space-between;
	width:380px;
	height:45px;
}

.section__contLeft-btnBox a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:120px;
	height:100%;
	color:#fff;
	background-color:#00317A;
	font-size:15px;
	font-weight:500;
	border-radius:45px;
	transition:all 0.5s;
}

.section__contLeft-btnBox a:hover {
	color:#00317A;
	background-color:#fff;
}

.section__contRight {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:680px;
	height:100%;
}

.section__contRight-item {
	display:flex;
	justify-content:center;
	align-items:center;
	width:330px;
	height:160px;
	border:1px solid #9f9f9f;
	background-color:#fff;
    border-radius: 10px;
    transform: scale(0);
    transition: all 1s;
}

.section__contRight-item:hover {
	background-color: #f0f9ff;
}

.section__contRight-item:nth-child(n + 3) {
	margin-top:30px;
}

.section__contRight-item-in {
	width:300px;
	height:120px;
}

.section__contRight-item-in h6 {
	font-size:20px;
	margin-bottom:20px;
}

.section__contRight-item-inBox p {
	float:left;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
	width: 200px;
	text-align: justify;
}

.section__contRight-item-inBox img {
	float:right;
}

.section__contRight-item-inBoxP {
    position: relative;
    width: 100%;
}

.section__contRight-item-inBoxP img {
    position: absolute;
    top: 0;
    right: 0;
}

.banner {
	width:100%;
	height:80px;
	background-color:#DCDCDC;
}

.banner__Box {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:1400px;
	height:100%;
	margin:0 auto;
}

.banner .banner__Box .banner__container {
	width:1200px;
	height:100%;
	margin:0;
}

.banner__addonBox {
	display:flex;
}

.banner__Box .banner__addonBox .banner__btn {
	position:static;
	width:auto;
	margin-top:0;
}

.banner__Box .banner__addonBox .banner__btn::after {
	display:none;
}

.banner__iconBox {
	cursor:pointer;
}

.banner__iconBox img:nth-child(2) {
	display:none;
}

.banner__slide a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	padding:10px 0;
}

.banner__slide a img {
	width:100%;
	height:100%;
	object-fit:contain;
}