#header{background: #0E0C3A;color: #fff;text-align: center;padding: 0 12.1rem 6.1rem;}
#header .pre{font-size: .9rem;margin-top: 1.6rem;}
h2{text-align: center;color: #070762;margin: 4.6rem auto 3.1rem;font-weight: bold;}
#highlights{background: #F4F8FE;padding: 0 11rem 4.6rem;}

#highlights .pre{font-size: .9rem;color: hsl(240, 87%, 21%);text-align: center;}
 .imagewrap {margin-top: 3.1rem;}
 .imagewrap .splide.is-initialized:not(.is-active) .splide__list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3.1rem;}
.imagewrap .image{margin: .4rem 0;text-align: center;} 
#community{padding: 4.6rem 11rem;}
#community h2{display: flex;text-align: left;}
#community h2 .icon{margin-right: .8rem;height: 3.1rem;}
#community .pre{font-size: .9rem;line-height: 135%;color: #070762;}
.wrap .splide ul li.splide__slide{text-align: left;color: #070762;}
.wrap .splide ul li.splide__slide .content{padding: 1.6rem;padding-bottom: 0;}
.wrap .splide ul li.splide__slide .content h3{font-size: 1.2rem;font-weight: bold;}
.wrap .splide ul li .item{display: flex;flex-direction: column;height: 100%;}
.wrap .splide ul li .title{font-size: .9rem;font-weight: 700;line-height: 120%;text-transform: uppercase;margin: .8rem 0;}
.wrap .splide ul li .text{font-size: .7rem;line-height: 130%;margin-top: 1em;margin-bottom: .8rem;}
.wrap .splide ul li .link {margin-top: auto;}
.wrap .splide ul li .link a{font-size: .7rem;color: #070762;line-height: 120%;display: inline-flex;align-items: center;}
.wrap .splide ul li .link a img{width: .55rem;margin-left: .25rem;vertical-align: text-bottom;}
.splide .splide__pagination{right:-1.6rem;}
.splide .splide__pagination__page{background: #E7E8E8;opacity: 1;}
.splide .splide__pagination__page.is-active{background: #070762;transform: none;}

@media(max-width:1000px){
    .wrap .splide ul li .link a img{display: none;}
    #header{padding: 0 1.1rem 3.1rem;}
    #header .pre,#community .pre{font-size: 1rem;}
    #highlights{padding: 3.1rem .5rem;}
    #community{padding: 3.1rem 1.1rem;}
/*     #community .left{padding: 0 1.1rem;} */
#community .img img{border-radius: .25rem;}
    h2{margin: 1.6rem auto;}
/*     .imagewrap .image{flex: 0 0 50%;} */
.imagewrap{width: 100vw;margin-left: -1.2rem;}
.wrap .splide ul li.splide__slide{display: flex;flex-direction: column-reverse;margin-bottom: 3rem;}
    .splide ul li .title{font-size: 1rem;}
    .splide ul li .text{font-size: .9rem;}
    .wrap .splide ul li .link a{font-size: .9rem;}
    .splide .splide__pagination{bottom:auto;top: -2.5rem;}
    .splide .splide__pagination__page{background: #E7E8E8;opacity: 1;width: .8125rem;height: .8125rem;margin: .25rem;}
.splide .splide__pagination__page.is-active{background: #070762;transform: none;}
.splide__slide.is-active .image{transform: scale(1.1);}
.splide__slide:not(.is-active) .image{transform: scale(.8);}
.splide__slide.is-active .image img{border-radius: .35rem;}
.splide__slide .image{transition:transform .3s ease-out}
#highlights .pre{font-size: 1rem;}
.wrap .splide ul li .text{font-size: 1rem;}
.wrap .splide ul li.splide__slide .content{padding: 1.6rem 0}
#highlights .gstart{margin-top: 1.95rem;}
}
@media(min-width:1001px){
    .wrap .splide__slide{width: 27.7rem;}
    #community .inner{display: flex;justify-content: space-between;}
    #community .inner .right{flex: 0 0 26.5rem;}
    #community .inner .left{flex: 0 0 27.5rem;}
    .wrap .splide ul li.splide__slide{background:#F4F8FE;}
    #highlights .imagewrap .splide.is-initialized:not(.is-active) .splide__list .splide__slide{flex:0 0 16.75rem;margin-bottom: .8rem;}
    #highlights .gstart{margin-top: 2.3rem;}
    #community .gstart{margin-top: 3.1rem;}
}