.community_con {
    padding-top: 10vw;
    margin-bottom: 30vw;
}

.community_top {
    position: relative;
}

.commu_top_txt > img {
    width: 80%;
    margin: 0 auto;
}

.commu_cut {
    font-size: 1vw;
    font-weight: 200;
    color: #fff;
    top: 1vw;
    position: absolute;
    right: 11vw;
}

.sd6_cut {
    font-size: 2vw;
    font-weight: 200;
    color: #fff;
    top: 1vw;
    position: absolute;
    right: 2vw;
}

.sd7_cut {
    font-size: 2vw;
    font-weight: 200;
    color: #fff;
    top: 1vw;
    position: absolute;
    right: 2vw;
}

.commu_t1 {
    color: #161616;
    font-weight: 200;
    font-size: 4vw;
    padding-top: 8vw;
}

.commu_t2 {
    color: #15254c;
    font-weight: 600;
    line-height: 5vw;
    font-size: 4vw;
    padding-top: 1vw;
}

.commu_t3 {
    color: #161616;
    font-weight: 200;
    font-size: 2.8vw;
    line-height: 4vw;
    padding: 5vw 0;
}

.mySwiper6 {
    position: absolute;
    top: 6vw;
    background: none;
    height: auto;
    width: 90%;
    left: 5%;
    z-index: 50;
}


.mySwiperthumb2 {
    height: auto;
    position: absolute;
    bottom: 35vw;
    width: 80%;
    left: 10%;
}

.cbox {
    position: absolute;
}

.cbox p:first-child {
    color: #fff;
    font-size: 2.1vw;
    /* padding: 2vw; */
    font-weight: 300;
    /* padding: 2vw 0; */
    padding-bottom: 2vw;
}

.cbox p:last-child {
    color: #fff;
    font-size: 3.6vw;
    font-weight: 700;
}

.mySwiperthumb2 {
    position: relative;
    height: 95vw;
    z-index: 50;
}

.mySwiperthumb2 .swiper-slide {
    background: none;
    height: 30vw;
}

.mySwiperthumb2 .swiper-wrapper {
    height: auto;
    position: relative;
    top: 63vw;
}

.mySwiperthumb2 .swiper-wrapper .swiper-slide {
    bottom: -12vw;
    background: #15254c;
    height: 18vw;
    cursor: pointer;
}

.mySwiperthumb2 .swiper-wrapper .swiper-slide:hover {
    background: #ae8c6d;
}


.community_middle {
    background-color: #f1f1f1;
    display: flex;
    width: 100%;
    height: 60vw;
    position: absolute;
    top: 143vw;
}


.middle_iso {
    position: absolute;
    top: 130vw;
    z-index: 51;
    width: 35%;
}

.middle_text {
    bottom: 5vw;
    position: absolute;
    right: 20vw;
    font-size: 7vw;
    color: #e5e5e5;
    margin: 0 auto;

}


/*top*/



.community_bottom {
    position: relative;
    margin-bottom: 13vw;
    background: linear-gradient(#fff 60%, #f1f1f1 45%);
}


.commu_t4 {
    color: #ae8c6d;
    font-weight: 600;
    font-size: 5vw;
}

.commu_t5 {
    color: #161616;
    font-weight: 300;
    font-size: 4.5vw;
    padding-top: 5vw;
}

.commu_t6 {
    color: #15254c;
    font-weight: 600;
    font-size: 4.5vw;
    padding-top: 2vw;
}

.commu_t7 {
    color: #161616;
    font-weight: 300;
    font-size: 3vw;
    padding-top: 5vw;
    line-height: 5vw;
}


.mySwiper7 {
    position: absolute;
    bottom: 50vw;
    background: none;
    height: auto;
    width: 90%;
    left: 5%;
    z-index: 50;
}


.mySwiperthumb3 {
    height: auto;
    position: absolute;
    bottom: 35vw;
    width: 85%;
    left: 7.5%;
}

.cbox2 {
    position: absolute;
}

.cbox2 p:first-child {
    color: #fff;
    font-size: 0.5em;
    /* padding: 2vw; */
    font-weight: 300;
    /* padding: 2vw 0; */
    padding-bottom: 2vw;
}

.cbox2 p:nth-child(2) {
    color: #fff;
    font-size: 0.7em;
    font-weight: 700;
}

.cbox2 p:last-child {
    color: #fff;
    font-size: 0.35em;
    font-weight: 300;
    padding-top: 2vw;
    line-height: 2.9vw;
}

.mySwiperthumb3 {
    position: relative;
    height: 95vw;
    z-index: 50;
}

.mySwiperthumb3 .swiper-slide {
    background: none;
    height: 30vw;
}

.mySwiperthumb3 .swiper-wrapper {
    height: auto;
    position: relative;
    top: 63vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mySwiperthumb3 .swiper-wrapper .swiper-slide {
    bottom: -10vw;
    background: #15254c;
    height: 20vw;
    cursor: pointer;
	width: 43% !important;
}

.mySwiperthumb3 .swiper-wrapper .swiper-slide:hover {
    background: #ae8c6d;
}

.community_middle2 {
    background-color: #f1f1f1;
    display: flex;
    position: relative;
    width: 100%;
    height: 60vw;
    position: absolute;
    bottom: 10vw;
}


.middle_iso2 {
    position: absolute;
    right: 2vw;
    bottom: 66vw;
    z-index: 51;
    width: 45%;
}


.commu_notice {
    border: 1px solid #d1d1d1;
    width: 95%;
    position: absolute;
    left: 2.5vw;
    bottom: -22vw;
}



.not_txt p {
    font-size: 1.3vw;
    color: #858585;
    padding: 3vw 1vw;
    text-align: center;
    line-height: 3vw;
    letter-spacing: -.5;
}