@charset "utf-8";

.community {padding: 0 0 100px; background-image: url("../../../assets/images/sub/community-bg.png"); background-repeat: no-repeat; background-size: cover; position: relative;}

.community .sub-wrap:first-child {padding-top: 100px;}
.community .sub-wrap:first-child .sub-l {padding-top: 100px;}
.community .sub-wrap:first-child .sub-r {margin-left: 120px;}

.community .sub-wrap.reverse {padding-top: 100px;}
.community .sub-wrap.reverse .sub-r {position: relative;}
.community .sub-wrap.reverse .sub-r::before {content: ''; background: url("../../../assets/images/sub/book-bg2.png"); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; max-width: 266px; max-height: 270px; position: absolute; bottom: -45px; left: -90px; z-index: 1;}
.community .sub-wrap.reverse .sub-r img {max-width: 700px; padding-left: 100px;}

.sub-wrap.reverse {align-items: center;}

@media (max-width: 1280px) {
    .community {padding: 0 0 60px;}
    .community .sub-wrap:first-child {padding: 0;}
    .community .sub-wrap:first-child .sub-l {padding-top: 80px;}
    .community .sub-wrap:first-child .sub-r {margin: 0;}
    .community .sub-wrap.reverse .sub-r {padding-top: 60px;}
    .community .sub-wrap.reverse .sub-r::before {max-width: 252px; max-height: 258px; left: -190px;}
    .community .sub-wrap.reverse .sub-r img {padding: 0;}
}

@media (max-width: 768px) {
    .community {padding: 0 0 50px;}
    .community .sub-wrap:first-child .sub-l {padding-top: 75px;}
    .community .sub-wrap.reverse .sub-r {padding-top: 50px;}
    .community .sub-wrap.reverse .sub-r::before {content: unset;}
}