.mainBanner {}
.mainBanner .content {
    /* padding-top: 30px; */
}
.mainBanner .bannerArea {
    display: flex;
    justify-content: space-between;
    z-index: 2;
    align-items: center;
}
.mainBanner .bannerArea .textArea {
    margin-top: -10%;
    flex: 5;
}
.mainBanner .bannerArea .textArea .subTitle {
    font-size: 4rem;
    line-height: 1.3;
}
.mainBanner .bannerArea .textArea .mainTitle {
    font-family: 'Cafe24Ohsquare';
    font-size: 8.2rem;
    color: #1f378c;
    margin-top: 5%;
}
.mainBanner .bannerArea .textArea .appButton {
    display: flex;
    margin-top: 12%;
}
.mainBanner .bannerArea .textArea .appButton li {
    padding-right: 2%;
}
.mainBanner .bannerArea .textArea .appButton li a {}
.mainBanner .bannerArea .textArea .appButton li a img {
    border: 1px solid #fff;
    border-radius: 40px;
    width: 100%;
    transition: all 0.5s;
}
.mainBanner .bannerArea .textArea .appButton li a:hover img {
    border-color: #1f378c;
}
.mainBanner .bannerArea .imgArea {
    position: relative;
    flex: 7;
}
.mainBanner .bannerArea .imgArea .house {
    position: absolute;
    top: 15%;
    left: -7%;
    width: 45%;
    -ms-animation: houseAni 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -webkit-animation: houseAni 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
.mainBanner .bannerArea .imgArea .house img {
    width: 100%;
}
.mainBanner .bannerArea .imgArea .woman {
}
.mainBanner .imgArea .woman img {
    width: 100%;
}
.mainBanner .btnAera {
    display: flex;
    justify-content: space-between;
    margin-top: -8.4%;
    z-index: 1;
    position: relative;
}
.mainBanner .btnAera li {
    width: 32%;
    /* height: 100px; */
    line-height: 100px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 20px;
    box-shadow: 0 0 10px 1px #e1e1e1;
    background-color: #fff;
}
.mainBanner .btnAera li a {
    font-family: 'Cafe24Ohsquare';
    font-size: 3.6rem;
    display: block;
}
.mainBanner .btnAera li a i {
    vertical-align: middle;
}
.mainBanner .btnAera li.beforeTenant {
    background-color: #1f378c;
    --animate-delay: 0.5s;
    box-shadow: none;
    border-color: #1f378c;
}
.mainBanner .btnAera li.beforeTenant a {
    color: #fff;
}
.mainBanner .btnAera li.beforeTenant a i {}
.mainBanner .appDown {display: none;}

.mainCopy {}
.mainCopy .content {
    text-align: center;
    padding: 200px 0 260px;
}
.mainCopy .subTitle {
    font-size: 4.6rem;
}
.mainCopy .mainTitle {
    width: 790px;
    font-family: 'Cafe24Ohsquare';
    font-size: 8rem;
    color: #1f378c;
    padding-top: 3%;
    position: relative;
    margin: 0 auto;
}
.mainCopy .mainTitle strong {
    position: relative;
}
.mainCopy .mainTitle strong .point {
    position: absolute;
    width: 13%;
    height: 10%;
    background-color: #1f378c;
    border-radius: 5px;
    top: -15%;
    left: 45%;
}

.countUp {
    overflow: hidden;
}
.countUp .content {
    max-width: 100%;
    /* padding: 10% 0 10%; */
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.countUp .countText {
    color: #fff;
    text-align: center;
    font-size: 4.5rem;
    line-height: 1.5;
    padding: 10% 0;
}
.countUp .countText li {}
.countUp .countText li strong {
    font-family: 'Cafe24Ohsquare';
    font-size: 6.4rem;
}
.countUp .countBg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -180px;
    left: 0;
    z-index: -1;
}
.countUp .countBg img {
    width: 100%;
}
.countUp .countText li.criteria {
    font-size: 1.8rem;
    font-family: 'Cafe24Ssurroundair';
    padding-top: 5%;
    line-height: 1;
}

.houseMap {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 20px;
}
.houseMap .content {
    padding: 0;
    position: relative;
}
.houseMap .sectionTitle {
    text-align: center;
    font-family: 'Cafe24Ohsquare';
    font-size: 6.4rem;
    color: #1f378c;
    padding: 300px 0 60px;
}
.houseMap .mapButton {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    height: 150px;
    margin: 0 auto;
}
.houseMap .mapButton a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 60px;
    text-align: center;
    background-color: #2A62FF;
    color: #fff;
    font-family: Cafe24 Ohsquare;
    font-size: 24px;
    line-height: 60px;
    border-radius: 30px;
    padding-right: 20px;
    box-sizing: border-box;
    z-index: 2;
}
.houseMap .mapButton a .circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 63px;
    background-color: #fff;
    border-radius: 35px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.houseMap .mapButton a .circle i {
    color: #2A62FF;
    font-size: 27px;
}
.houseMap .mapButton img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.houseMap .banBtn {
    position: absolute;
    right: 45%;
    bottom: 20px;
    /* transform: translateX(60px); */
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.houseMap .banBtn li {
    margin-top: 5px;
    border: 1px solid #aaa;
    background-color: #fffe;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding-top: 9px;
    box-sizing: border-box;
    cursor: pointer;
}
.houseMap .banBtn li.level {}
.houseMap .banBtn li.active {
    background-color: #1f378c;
    color: #fff;
}
.houseMap .houseMapList {
    display: flex;
    justify-content: space-between;
}
.houseMap .kakaoMap {width: 57%;/* height:900px; */height: 0;padding-top: 50%;}
.wrap {position: absolute;left: 50%;bottom: 37px;/* width: 288px; */height: 57px;margin-left: 2px;transform: translateX(-50%);text-align: left;overflow: hidden;font-size: 12px;font-family:'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {/* width: 100px; */height: 45px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info .body {padding: 5px;}
.info .desc {}
.desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.desc .jibun {font-size: 11px;color: #888;}
.info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0px;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.houseMap .houseArea {
    padding-top: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.houseMap .houseList {
    box-sizing: border-box;
    padding: 10px 10px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 2% -2%;
}
.houseMap .houseList .houseInfo {
    width: 30%;
    margin: 0px 1.65% 37px;
    cursor: pointer;
}
.houseMap .houseList .houseInfo .photo {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-bottom: 10px;
}
.houseMap .houseList .houseInfo .photo img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    position: absolute;
    top: 0;
    z-index: 1;
    border: dashed 1px #eceff1;
    box-sizing: border-box;
}
.houseMap .houseList .houseInfo .subject{
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
}
.houseMap .houseList .houseInfo .info{
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    color: #666666;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.houseMap .houseList .houseInfo .info:after {
    display: none;
}
.houseMap .houseList .houseInfo .info .address {}
.houseMap .houseList .houseInfo .info .living {
    display: flex;
    align-items: center;
}
.houseMap .houseList .houseInfo .info .living .live {}
.houseMap .houseList .houseInfo .info .living .livem2 {}
.houseMap .houseList .houseInfo .info .living .line {
    color: #EAEAEA;
    font-size: 10px;
    padding: 0 5px;
}
.houseMap .houseList .houseInfo .info .living .floor {}
.houseMap .houseList .houseInfo .price {
    display: flex;
    align-items: center;
}
.houseMap .houseList .houseInfo .price .type {
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: #fff;
    padding: 3px 4px;
}
.houseMap .houseList .houseInfo .price .type.O {
    background: #0385FF;
}
.houseMap .houseList .houseInfo .price .type.A {
    background: #F7B84B;
}
.houseMap .houseList .houseInfo .price .type.H {
    background: #F06548;
}
.houseMap .houseList .houseInfo .price .deposit {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #444444;
    padding-left: 5px;
}

.houseMapMobile { display: none; }

.serviceMap {}
.serviceMap .content {
    padding: 15% 0 15%;
}
.serviceMap .sectionTitle {
    text-align: center;
    font-family: 'Cafe24Ohsquare';
    font-size: 6.4rem;
    color: #1f378c;
}
.serviceMap .mapWrap {position: relative;text-align: center;width: 864px;margin: 0 auto;}
.serviceMap .mapWrap .mapTitle {text-align: center;font-size: 3.4rem;margin-top: 3%;line-height: 1.3;}
.serviceMap .mapWrap .mapTitle strong {font-family: 'Cafe24Ohsquare';color: #1f378c;}
.serviceMap .mapWrap .mapImg {position: absolute;}
.serviceMap .mapWrap .serviceText {background-color: #5465a0;display: inline-block;padding: 0 15px;line-height: 1.7;margin: 0 auto;text-align: center;color: #fff;font-size: 2rem;border-radius: 20px;margin-top: 2%;}
.serviceMap .mapWrap .arrow1 {
	z-index: 9;
	bottom: 80px;
	left: 280px;
}
.serviceMap .mapWrap .arrow1 img {}
.serviceMap .mapWrap .arrow2 {
	z-index: 9;
	bottom: 190px;
	left: 160px;
}
.serviceMap .mapWrap .arrow2 img {}
.serviceMap .mapWrap .arrow3 {
	z-index: 9;
	bottom: 230px;
	left: 340px;
}
.serviceMap .mapWrap .arrow3 img {}
.serviceMap .mapWrap .arrow4 {
	z-index: 9;
	bottom: 270px;
	right: 240px;
}
.serviceMap .mapWrap .arrow4 img {}
.serviceMap .mapWrap .arrow5 {
	z-index: 9;
	bottom: 250px;
	right: 90px;
}
.serviceMap .mapWrap .arrow5 img {}
.serviceMap .mapWrap .circlePin {
    background: url('/assets/images/main/map_point.png');
    width: 104px;
    height: 122px;
    font-size: 26px;
    font-family: 'Cafe24Ohsquare';
    color: #1f378c;
    line-height: 107px;
}
.serviceMap .mapWrap .pin1 {
	z-index: 10;
	bottom: 110px;
	right: 300px;
}
.serviceMap .mapWrap .pin2 {
	z-index: 10;
	bottom: 145px;
	right: 190px;
}
.serviceMap .mapWrap .map {
    padding: 0 50px;
    margin-top: -100px;
    position: relative;
    z-index: -1;
}
.serviceMap .mapWrap .map img {
    max-width: 100%;
}

/* 둥둥 떠나니는 집 애니 */
@-webkit-keyframes houseAni {
	0%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	50%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg); }
	/*10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg); }
	20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }*/
	100%{ -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}

@keyframes houseAni {
	0%  { transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	50%  { transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg); }
	/*10% { transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	15% { transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg); }
	20% { transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }*/
	100%{ transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}


@media (min-width: 587px) {
}

@media (max-width: 1200px) {
    .mainBanner {}
    .mainBanner .content {
    /* padding-top: 0; */
}
    .mainBanner .bannerArea {}
    .mainBanner .bannerArea .textArea {}
    .mainBanner .bannerArea .textArea .subTitle {
    /* font-size: 36px; */
}
    .mainBanner .bannerArea .textArea .mainTitle {
}
    .mainBanner .bannerArea .textArea .appButton {}
    .mainBanner .bannerArea .textArea .appButton li {}
    .mainBanner .bannerArea .textArea .appButton li a {}
    .mainBanner .bannerArea .textArea .appButton li a img {}
    .mainBanner .bannerArea .textArea .appButton li a:hover img {}
    .mainBanner .bannerArea .imgArea {}
    .mainBanner .bannerArea .imgArea .house {}
    .mainBanner .bannerArea .imgArea .house img {
    /* width: 200px; */
}
    .mainBanner .bannerArea .imgArea .woman {}
    .mainBanner .imgArea .woman img {
}
    .mainBanner .btnAera {}
    .mainBanner .btnAera li {
    /* width: 300px; */
    /* height: 80px; */
    line-height: 80px;
}
    .mainBanner .btnAera li a {
}
    .mainBanner .btnAera li a i {}
    .mainBanner .btnAera li.beforeTenant {}
    .mainBanner .btnAera li.beforeTenant a {}
    .mainBanner .btnAera li.beforeTenant a i {}

    .mainCopy {}
    .mainCopy .content {}
    .mainCopy .subTitle {}
    .mainCopy .mainTitle {
}
    .mainCopy .mainTitle .point {}
    .mainCopy .mainTitle .point1 {}
    .mainCopy .mainTitle .point2 {}
    .mainCopy .mainTitle .point3 {}

    .countUp {
}
    .countUp .content {
    /* padding: 100px 0 50px; */
}
    .countUp .countText {}
    .countUp .countText li {}
    .countUp .countText li strong {}
    .countUp .countBg {}
    .countUp .countBg img {
    width: 120%;
    margin-left: -30%;
}
    .countUp .countText li.criteria {}

    .serviceMap {}
    .serviceMap .content {}
    .serviceMap .sectionTitle {}
    .serviceMap .mapWrap {}
    .serviceMap .mapWrap .mapTitle {}
    .serviceMap .mapWrap .mapTitle strong {}
    .serviceMap .mapWrap .mapImg {}
    .serviceMap .mapWrap .serviceText {}
    .serviceMap .mapWrap .arrow1 {}
    .serviceMap .mapWrap .arrow1 img {}
    .serviceMap .mapWrap .arrow2 {}
    .serviceMap .mapWrap .arrow2 img {}
    .serviceMap .mapWrap .arrow3 {}
    .serviceMap .mapWrap .arrow3 img {}
    .serviceMap .mapWrap .arrow4 {}
    .serviceMap .mapWrap .arrow4 img {}
    .serviceMap .mapWrap .arrow5 {}
    .serviceMap .mapWrap .arrow5 img {}
    .serviceMap .mapWrap .circlePin {}
    .serviceMap .mapWrap .pin1 {}
    .serviceMap .mapWrap .pin2 {}
    .serviceMap .mapWrap .map {}
    .serviceMap .mapWrap .map img {}
}

@media (max-width: 1024px) {
    .mainBanner {}
    .mainBanner .content {}
    .mainBanner .bannerArea {}
    .mainBanner .bannerArea .textArea {}
    .mainBanner .bannerArea .textArea .subTitle {}
    .mainBanner .bannerArea .textArea .mainTitle {}
    .mainBanner .bannerArea .textArea .appButton {}
    .mainBanner .bannerArea .textArea .appButton li {}
    .mainBanner .bannerArea .textArea .appButton li a {}
    .mainBanner .bannerArea .textArea .appButton li a img {}
    .mainBanner .bannerArea .textArea .appButton li a:hover img {}
    .mainBanner .bannerArea .imgArea {}
    .mainBanner .bannerArea .imgArea .house {}
    .mainBanner .bannerArea .imgArea .house img {}
    .mainBanner .bannerArea .imgArea .woman {}
    .mainBanner .imgArea .woman img {}
    .mainBanner .btnAera {}
    .mainBanner .btnAera li {
    line-height: 70px;
}
    .mainBanner .btnAera li a {}
    .mainBanner .btnAera li a i {}
    .mainBanner .btnAera li.beforeTenant {}
    .mainBanner .btnAera li.beforeTenant a {}
    .mainBanner .btnAera li.beforeTenant a i {}

    .mainCopy {}
    .mainCopy .content {}
    .mainCopy .subTitle {}
    .mainCopy .mainTitle {}
    .mainCopy .mainTitle .point {}
    .mainCopy .mainTitle .point1 {}
    .mainCopy .mainTitle .point2 {}
    .mainCopy .mainTitle .point3 {}

    .countUp {}
    .countUp .content {}
    .countUp .countText {}
    .countUp .countText li {}
    .countUp .countText li strong {}
    .countUp .countBg {}
    .countUp .countBg img {}
    .countUp .countText li.criteria {}

    .serviceMap {}
    .serviceMap .content {}
    .serviceMap .sectionTitle {}
    .serviceMap .mapWrap {
    width: 665px;
}
    .serviceMap .mapWrap .mapTitle {}
    .serviceMap .mapWrap .mapTitle strong {}
    .serviceMap .mapWrap .mapImg {}
    .serviceMap .mapWrap .mapImg img {
    width: 74%;
}
    .serviceMap .mapWrap .serviceText {}
    .serviceMap .mapWrap .arrow1 {
    bottom: 70px;
    left: 190px;
}
    .serviceMap .mapWrap .arrow1 img {}
    .serviceMap .mapWrap .arrow2 {
    bottom: 150px;
    left: 100px;
}
    .serviceMap .mapWrap .arrow2 img {}
    .serviceMap .mapWrap .arrow3 {
    bottom: 187px;
    left: 236px;
}
    .serviceMap .mapWrap .arrow3 img {}
    .serviceMap .mapWrap .arrow4 {
    bottom: 205px;
    right: 180px;
}
    .serviceMap .mapWrap .arrow4 img {}
    .serviceMap .mapWrap .arrow5 {
    bottom: 190px;
    right: 70px;
}
    .serviceMap .mapWrap .arrow5 img {}
    .serviceMap .mapWrap .circlePin {
    width: 79px;
    height: 93px;
    background-size: contain;
    font-size: 20px;
    line-height: 85px;
}
    .serviceMap .mapWrap .pin1 {
    bottom: 85px;
    right: 243px;
}
    .serviceMap .mapWrap .pin2 {
    bottom: 110px;
    right: 158px;
}
    .serviceMap .mapWrap .map {
    margin-top: -80px;
    position: relative;
    z-index: -1;
}
    .serviceMap .mapWrap .map img {}
}

@media (max-width: 768px) {
    .mainBanner {}
    .mainBanner .content {}
    .mainBanner .bannerArea {
    flex-direction: column;
    align-items: unset;
}
    .mainBanner .bannerArea .textArea {
    margin-top: 8%;
}
    .mainBanner .bannerArea .textArea .subTitle {}
    .mainBanner .bannerArea .textArea .mainTitle {}
    .mainBanner .bannerArea .textArea .appButton {
    display: none;
}
    .mainBanner .bannerArea .textArea .appButton li {}
    .mainBanner .bannerArea .textArea .appButton li a {}
    .mainBanner .bannerArea .textArea .appButton li a img {}
    .mainBanner .bannerArea .textArea .appButton li a:hover img {}
    .mainBanner .bannerArea .imgArea {
    margin-top: 5%;
}
    .mainBanner .bannerArea .imgArea .house {
    left: 0;
}
    .mainBanner .bannerArea .imgArea .house img {}
    .mainBanner .bannerArea .imgArea .woman {
    text-align: right;
}
    .mainBanner .imgArea .woman img {
    width: 90%;
}
    .mainBanner .btnAera {
    margin-top: -13.5%;
}
    .mainBanner .btnAera li {
    line-height: 50px;
    border-radius: 10px;
    width: auto;
    flex: 4;
}
    .mainBanner .btnAera li a {
    font-size: 2.6rem;
}
    .mainBanner .btnAera li a i {
    display: none;
}
    .mainBanner .btnAera li.beforeTenant {
    flex: 5;
    margin: 0 10px;
}
    .mainBanner .btnAera li.beforeTenant a {}
    .mainBanner .btnAera li.beforeTenant a i {
}
    .mainBanner .appDown {
        display: block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border: 1px solid #1f378c;
        border-radius: 10px;
        background-color: #1f378c;
        margin-top: 10px;
    }
    .mainBanner .appDown a {
        font-size: 2.6rem;
        color: #fff;
        display: block;
    }
    .mainBanner .appDown a i {
    vertical-align: middle;
}

    .mainCopy {}
    .mainCopy .content {
    padding: 40% 0;
}
    .mainCopy .subTitle {
    font-size: 3.2rem;
}
    .mainCopy .mainTitle {
    width: 100%;
    padding-top: 5%;
    font-size: 5.2rem;
}
    .mainCopy .mainTitle .point {}
    .mainCopy .mainTitle .point1 {}
    .mainCopy .mainTitle .point2 {}
    .mainCopy .mainTitle .point3 {}

    .countUp {}
    .countUp .content {}
    .countUp .countText {
    font-size: 3.5rem;
    padding: 30% 0;
}
    .countUp .countText li {}
    .countUp .countText li strong {
    font-size: 5rem;
}
    .countUp .countBg {
    top: 0;
}
    .countUp .countBg img {
    width: 180%;
    margin-left: -50%;
}
    .countUp .countText li.criteria {}

    .houseMap {display: none;}
    .houseMapMobile {display: block;padding: 30% 0 0;}
    .houseMapMobile .content {
    padding: 0;
}
    .houseMapMobile .sectionTitle {
        text-align: center;
        font-family: 'Cafe24Ohsquare';
        font-size: 6.4rem;
        color: #1f378c;
        padding-bottom: 50px;
    }
    .houseMapMobile .mapButton {
    padding-right: 10px;
    position: relative;
    }
    .houseMapMobile .mapButton a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -68%);
    width: 180px;
    height: 40px;
    text-align: center;
    background-color: #2A62FF;
    color: #fff;
    font-family: Cafe24 Ohsquare;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    border-radius: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    }
    .houseMapMobile .mapButton a .circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 37px;
    background-color: #fff;
    border-radius: 15px;
    position: absolute;
    top: 5px;
    right: 5px;
    }
    .houseMapMobile .mapButton a .circle i {
    color: #2A62FF;
    font-size: 16px;
    }
    .houseMapMobile .mapButton img {
    width: 100%;
    }
    .houseMapMobile .houseList {
        height: calc(100% - 30px);
        overflow-x: hidden;
        overflow-y: scroll;
        box-sizing: border-box;
        padding: 0 15px 20px;
        display: block;
    }
    .houseMapMobile .houseList .houseInfo {
        margin: unset;
        margin-bottom: 37px;
        width: 100%;
    }
    .houseMapMobile .houseList .houseInfo .photo {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        height: 0;
        padding-top: 100%;
        margin-bottom: 10px;
    }
    .houseMapMobile .houseList .houseInfo .photo img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        object-fit: cover;
        position: absolute;
        top: 0;
        z-index: 1;
        border: dashed 1px #eceff1;
        box-sizing: border-box;
    }
    .houseMapMobile .houseList .houseInfo .subject{
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .houseMapMobile .houseList .houseInfo .info{
        font-weight: 400;
        font-size: 13px;
        line-height: 120%;
        color: #666666;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .houseMapMobile .houseList .houseInfo .info:after{display: none}
    .houseMapMobile .houseList .houseInfo .info .address {}
    .houseMapMobile .houseList .houseInfo .info .living {
        display: flex;
        align-items: center;
    }
    .houseMapMobile .houseList .houseInfo .info .living .live {}
    .houseMapMobile .houseList .houseInfo .info .living .livem2 {}
    .houseMapMobile .houseList .houseInfo .info .living .line {
        color: #EAEAEA;
        font-size: 10px;
        padding: 0 5px;
    }
    .houseMapMobile .houseList .houseInfo .info .living .floor {}
    .houseMapMobile .houseList .houseInfo .price {
        display: flex;
        align-items: center;
    }
    .houseMapMobile .houseList .houseInfo .price .type {
        border-radius: 3px;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        color: #fff;
        padding: 3px 4px;
    }
    .houseMapMobile .houseList .houseInfo .price .type.O {
        background: #0385FF;
    }
    .houseMapMobile .houseList .houseInfo .price .type.A {
        background: #F7B84B;
    }
    .houseMapMobile .houseList .houseInfo .price .type.H {
        background: #F06548;
    }
    .houseMapMobile .houseList .houseInfo .price .deposit {
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        color: #444444;
        padding-left: 5px;
    }
    .serviceMap {}
    .serviceMap .content {
    padding: 30% 0;
}
    .serviceMap .sectionTitle {
    font-size: 5rem;
}
    .serviceMap .mapWrap {
    width: 360px;
}
    .serviceMap .mapWrap .mapTitle {
    font-size: 3rem;
}
    .serviceMap .mapWrap .mapTitle strong {}
    .serviceMap .mapWrap .mapImg {}
    .serviceMap .mapWrap .mapImg img {
    width: 40%;
}
    .serviceMap .mapWrap .serviceText {}
    .serviceMap .mapWrap .arrow1 {
    bottom: 48px;
    left: 53px;
}
    .serviceMap .mapWrap .arrow1 img {}
    .serviceMap .mapWrap .arrow2 {
    bottom: 100px;
    left: -30px;
}
    .serviceMap .mapWrap .arrow2 img {}
    .serviceMap .mapWrap .arrow3 {
    bottom: 110px;
    left: 70px;
}
    .serviceMap .mapWrap .arrow3 img {}
    .serviceMap .mapWrap .arrow4 {
    bottom: 131px;
    right: 87px;
}
    .serviceMap .mapWrap .arrow4 img {}
    .serviceMap .mapWrap .arrow5 {
    bottom: 111px;
    right: 4px;
}
    .serviceMap .mapWrap .arrow5 img {}
    .serviceMap .mapWrap .circlePin {
    width: 50px;
    height: 59px;
    font-size: 12px;
    line-height: 53px;
}
    .serviceMap .mapWrap .pin1 {
    bottom: 55px;
    right: 133px;
}
    .serviceMap .mapWrap .pin2 {
    bottom: 69px;
    right: 80px;
}
    .serviceMap .mapWrap .map {
    margin-top: -20px;
    padding: 0px 10px;
}
    .serviceMap .mapWrap .map img {}
}

@media all and (max-width: 586px) {
    .mainBanner {}
    .mainBanner .content {}
    .mainBanner .bannerArea {}
    .mainBanner .bannerArea .textArea {}
    .mainBanner .bannerArea .textArea .subTitle {}
    .mainBanner .bannerArea .textArea .mainTitle {}
    .mainBanner .bannerArea .textArea .appButton {}
    .mainBanner .bannerArea .textArea .appButton li {}
    .mainBanner .bannerArea .textArea .appButton li a {}
    .mainBanner .bannerArea .textArea .appButton li a img {}
    .mainBanner .bannerArea .textArea .appButton li a:hover img {}
    .mainBanner .bannerArea .imgArea {}
    .mainBanner .bannerArea .imgArea .house {}
    .mainBanner .bannerArea .imgArea .house img {}
    .mainBanner .bannerArea .imgArea .woman {}
    .mainBanner .imgArea .woman img {}
    .mainBanner .btnAera {}
    .mainBanner .btnAera li {}
    .mainBanner .btnAera li a {}
    .mainBanner .btnAera li a i {}
    .mainBanner .btnAera li.beforeTenant {}
    .mainBanner .btnAera li.beforeTenant a {}
    .mainBanner .btnAera li.beforeTenant a i {}

    .mainCopy {}
    .mainCopy .content {}
    .mainCopy .subTitle {}
    .mainCopy .mainTitle {}
    .mainCopy .mainTitle .point {}
    .mainCopy .mainTitle .point1 {}
    .mainCopy .mainTitle .point2 {}
    .mainCopy .mainTitle .point3 {}

    .countUp {}
    .countUp .content {}
    .countUp .countText {}
    .countUp .countText li {}
    .countUp .countText li strong {}
    .countUp .countBg {}
    .countUp .countBg img {}
    .countUp .countText li.criteria {}

    .serviceMap {}
    .serviceMap .content {}
    .serviceMap .sectionTitle {}
    .serviceMap .mapWrap {}
    .serviceMap .mapWrap .mapTitle {}
    .serviceMap .mapWrap .mapTitle strong {}
    .serviceMap .mapWrap .mapImg {}
    .serviceMap .mapWrap .serviceText {}
    .serviceMap .mapWrap .arrow1 {}
    .serviceMap .mapWrap .arrow1 img {}
    .serviceMap .mapWrap .arrow2 {}
    .serviceMap .mapWrap .arrow2 img {}
    .serviceMap .mapWrap .arrow3 {}
    .serviceMap .mapWrap .arrow3 img {}
    .serviceMap .mapWrap .arrow4 {}
    .serviceMap .mapWrap .arrow4 img {}
    .serviceMap .mapWrap .arrow5 {}
    .serviceMap .mapWrap .arrow5 img {}
    .serviceMap .mapWrap .circlePin {}
    .serviceMap .mapWrap .pin1 {}
    .serviceMap .mapWrap .pin2 {}
    .serviceMap .mapWrap .map {}
    .serviceMap .mapWrap .map img {}
}