@charset "UTF-8";
/*
AUTH : convave
*/
/**********
펑션
***********/
/**********
텍스트 말줄임
***********/
/**********
아이콘
***********/
* .inner {
    padding: 24px 22px;
}
* .color-green {
    color: #09AB49;
}

section.broker-view .broker-view-wrap .broker-head-box .swiper-group-box .swiper.broker-swiper {
    width: 100%;
    height: 100%;
}
section.broker-view .broker-view-wrap .broker-head-box .swiper-group-box .swiper.broker-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
}
section.broker-view .broker-view-wrap .broker-head-box .swiper-group-box .swiper.broker-swiper .swiper-wrapper .swiper-slide .img-box {
    aspect-ratio: 394/196;
    display: flex;
}
section.broker-view .broker-view-wrap .broker-head-box .swiper-group-box .swiper.broker-swiper .swiper-wrapper .swiper-slide .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.broker-view .broker-view-wrap .broker-head-box .swiper-group-box .swiper.broker-swiper .swiper-pagination {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    right: 18px;
    bottom: 10px;
    left: auto;
    width: 36px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 140%;
    background: rgba(0, 0, 0, 0.3);
    padding: 4px 8px;
    border-radius: 20px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box {
    min-height: 170px;
    padding: 17px 20px;
    position: sticky;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box.is-fixed {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1200px;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    padding: 5px 20px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box.is-fixed .head-box {
    align-items: center;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box.is-fixed .head-box .head-wrap .subject-group .subject-box .subject-txt {
    font-size: 16px;
    font-weight: 700;
    color: #1E1E23;
    text-align: center;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box.is-fixed .head-box .head-wrap .subject-group .label-box {
    display: none;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box.is-fixed .head-box .head-wrap .price-box {
    display: none;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box.is-fixed .head-box .head-wrap .average-price-box {
    display: none;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box.is-fixed .body-box {
    display: none;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box.is-fixed .foot-box {
    display: none;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box {
    display: flex;
    justify-content: space-between;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .head-wrap .subject-group {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-right: 10px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .head-wrap .subject-group .subject-box .subject-txt {
    font-size: 15px;
    font-weight: 500;
    color: #404048;
    line-height: 140%;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .head-wrap .subject-group .label-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 2px 4px;
    height: 19px;
    /*width: 37px;*/
    background-color: #DEFAE4;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .head-wrap .subject-group .label-box .label-txt {
    font-size: 11px;
    font-weight: 700;
    color: #09AB49;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .head-wrap .price-box {
    padding-top: 6px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .head-wrap .price-box .price-txt {
    font-size: 21px;
    font-weight: 700;
    line-height: 140%;
    color: #1E1E23;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .head-wrap .average-price-box {
    padding-top: 3px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .head-wrap .average-price-box .average-price-txt {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #767678;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .option-box .link-btn-box {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border: 1px solid #EEEEEE;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .option-box .link-btn-box .ic {
    width: 20px;
    height: 20px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .head-box .option-box .link-btn-box .ic.ic-link {
    display: flex;
    background: #fff url("/app/images/ic/ic_share.svg") no-repeat center/cover;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .body-box {
    padding-top: 11px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .body-box .desc-box .desc-txt {
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    color: #767678;
    letter-spacing: 0.5px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .foot-box {
    padding-top: 12px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .foot-box .con-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .foot-box .con-box .date-box {
    background: #FDF3F4;
    padding: 2px 4px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .foot-box .con-box .date-box .date-txt {
    font-size: 11px;
    font-weight: 700;
    line-height: 140%;
    color: #E3493D;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .foot-box .con-box .brand-box {
    display: flex;
    align-items: center;
    gap: 8px;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .foot-box .con-box .brand-box .img-box {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .foot-box .con-box .brand-box .img-box img {
    width: 100%;
    height: 100%;
}
section.broker-view .broker-view-wrap .broker-head-box .broker-info-box .foot-box .con-box .brand-box .brand-txt {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #404048;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content {
    /*min-height: 610px;*/
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section {
    width: 100%;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box {
    display: flex;
    justify-content: space-between;
    padding: 23px 22px 0;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box.padding-top {
    padding: 39px 0 0;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box.flex-none {
    display: block;
}

section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box.mb-24 {
    margin-bottom: 24px;
}

section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box .head-top-box .desc-box {
    padding-top: 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    color: #929294;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box .info-box {
    display: flex;
    align-items: center;
    gap: 12px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box .info-box .img-box {
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    width: 50px;
    height: 50px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box .info-box .img-box img {
    width: 100%;
    height: 100%;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box .title-box {
    flex: 1;
    min-width: 0;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box .title-box .title-txt {
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    color: #1E1E23;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-head-box .option-box.padding-top {
    padding-top: 20px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .bar-box {
    padding-top: 20px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .bar-box .bar {
    border: 1px solid #F5F5F5;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component {
    padding-top: 25px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box {
    background: #F6F8FA;
    border-radius: 12px;
    padding: 16px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .head-box .tip-title-box {
    display: flex;
    gap: 8px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .head-box .tip-title-box .img-box {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .head-box .tip-title-box .img-box img {
    width: 100%;
    height: 100%;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .head-box .tip-title-box .title-txt {
    font-size: 15px;
    font-weight: 700;
    line-height: 140%;
    color: #1E1E23;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .head-box .tip-title-box .title-txt .brand-name-box {
    color: #09AB49;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .body-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 16px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .body-box .item-box .subject-box {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .body-box .item-box .subject-box .ic {
    width: 16px;
    height: 16px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .body-box .item-box .subject-box .ic.ic-dot {
    background: url("/app/images/ic/ic_tip_dot.svg") no-repeat center/cover;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .body-box .item-box .subject-box .subject-txt {
    font-size: 13px;
    font-weight: 700;
    line-height: 140%;
    color: #1E1E23;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .body-box .item-box .desc-box {
    padding-top: 4px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .tip-box .body-box .item-box .desc-box .desc-txt {
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    color: #404048;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .option-box {
    padding-top: 2px;
    text-align: right;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .option-box .option-txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #929294;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .tip-box-component .option-box .option-btn {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #929294;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box {
    padding-top: 24px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-head-box .view-box {
    display: flex;
    align-items: center;
    gap: 12px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-head-box .view-box .brand-img-box {
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    width: 40px;
    height: 40px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-head-box .view-box .brand-img-box img {
    width: 100%;
    height: 100%;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-head-box .brand-info-box .subject-box .subject-txt {
    font-size: 15px;
    font-weight: 600;
    line-height: 150%;
    color: #1E1E23;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-head-box .brand-info-box .desc-box {
    padding-top: 2px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-head-box .brand-info-box .desc-box .desc-txt {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #09AB49;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-body-box {
    padding-top: 17px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-body-box .con-box {
    font-size: 14px;
    font-weight: 400;
    line-height: 180%;
    color: #404048;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-body-box .more-btn-box {
    padding-top: 11px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .information-box .information-body-box .more-btn-box .more-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 42px;
    border-radius: 8px;
    background-color: #F6F8FA;
    font-size: 15px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #404048;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .view-btn-group {
    padding-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .view-btn-group .view-btn-box {
    width: 100%;
    height: 61px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .view-btn-group .view-btn-box .view-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-radius: 8px;
    background: #F6F8FA;
    width: 100%;
    height: 100%;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .view-btn-group .view-btn-box .view-btn .ic {
    width: 24px;
    height: 24px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .view-btn-group .view-btn-box .view-btn .ic.ic-map-view {
    width: 19px;
    height: 19px;
    background: url("/app/images/ic/ic_map_view.svg") no-repeat center/cover;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .view-btn-group .view-btn-box .view-btn .ic.ic-road-view {
    background: url("/app/images/ic/ic_road_view.svg") no-repeat center/cover;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .view-btn-group .view-btn-box .view-btn .ic.ic-air-view {
    background: url("/app/images/ic/ic_air_view.svg") no-repeat center/cover;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .view-btn-group .view-btn-box .view-btn .view-txt {
    font-size: 11px;
    font-weight: 500;
    line-height: 140%;
    color: #1E1E23;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component {
    padding-top: 18px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap {
    background: rgba(222, 250, 228, 0.4705882353);
    padding: 22px 20px 24px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .subject-box .subject-txt {
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    color: #1E1E23;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list {
    margin-top: 19px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 12px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item {
    min-width: 0;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap {
    display: flex;
    flex-direction: column;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .view-box {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .view-box .like-toggle-btn {
    width: 24px;
    height: 24px;
    background: url("/app/images/ic/ic_like_off.svg") no-repeat center/cover;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 10;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .view-box .like-toggle-btn.is-active {
    background: url("/app/images/ic/ic_like_on.svg") no-repeat center/cover;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .view-box .img-box {
    aspect-ratio: 170/120;
    display: flex;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .view-box .img-box img {
    width: 100%;
    height: 100%;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box {
    padding-top: 10px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .head-box {
    padding-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .head-box .tit-box {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: rgba(9, 171, 73, 0.5);
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .head-box .thumbs-box {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .head-box .thumbs-box img {
    width: 100%;
    height: 100%;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .head-box .brand-box {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .body-box .subject-box {
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #555;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .foot-box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 6px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .foot-box .foot-item {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .foot-box .foot-item .ic {
    width: 14px;
    height: 14px;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .foot-box .foot-item .ic.ic-like {
    background: url("/app/images/ic/ic_like.svg") no-repeat center/cover;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .foot-box .foot-item .ic.ic-comment {
    background: url("/app/images/ic/ic_comment.svg") no-repeat center/cover;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-view-box .view-item-list .view-item .item-wrap .info-box .foot-box .foot-item .cnt-txt {
    font-size: 13px;
    letter-spacing: -0.01em;
    color: #999;
}
section.broker-view .broker-view-wrap .broker-body-box .tabs-content-wrap .tabs-content .content-section .content-body-box .info-box .interior-view-component .component-wrap .interior-option-box {
    padding-top: 22px;
}
aside.floating-call-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 997;
    transition: opacity 0.3s ease;
}
aside.floating-call-btn.is-transparent {
    opacity: 0.12;
}
aside.floating-call-btn.is-active .call-btn {
    overflow: hidden;
    width: 54px;
}
aside.floating-call-btn.is-active .call-btn .default-box {
    display: none;
    width: 0;
}
aside.floating-call-btn.is-active .call-btn .icon-box {
    opacity: 1;
    visibility: visible;
    width: 20px;
    height: 20px;
    transition: all 0.2s linear 0.3s;
}
aside.floating-call-btn .call-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 54px;
    background-color: #FFFFFF;
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transition: width 0.3s ease;
    width: 116px;
}
aside.floating-call-btn .call-btn .default-box {
    display: flex;
    align-items: center;
    gap: 8px;
}
aside.floating-call-btn .call-btn .default-box .img-box {
    border-radius: 50%;
    overflow: hidden;
    width: 30px;
    height: 30px;
}
/* 스켈레톤 애니메이션 (빛이 지나가는 효과) */
.skeleton {
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 50%, #f2f2f2 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* 이미지가 로드되기 전까지는 숨김 처리 */
.agent-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* 로드 완료 후 클래스 */
.agent-thumbnail.loaded {
    opacity: 1;
}

.loaded.skeleton {
    animation: none;
    background: none;
}

aside.floating-call-btn .call-btn .default-box .img-box img {
    width: 100%;
    height: 100%;
}
aside.floating-call-btn .call-btn .default-box .txt {
    font-size: 15px;
    font-weight: 700;
    line-height: 140%;
    color: #000;
}
aside.floating-call-btn .call-btn .icon-box {
    opacity: 0;
    visibility: hidden;
    display: flex;
    position: absolute;
}
aside.floating-call-btn .call-btn .icon-box .ic {
    width: 20px;
    height: 20px;
}
aside.floating-call-btn .call-btn .icon-box .ic.ic-call {
    background: url("/app/images/ic/ic_call.svg") no-repeat center/cover;
}

section.ranking-component .inner.wrap {
    padding: 16px 20px;
}
section.ranking-component .ranking-head-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.ranking-component .ranking-head-box .item-box {
    display: flex;
    gap: 8px;
}
section.ranking-component .ranking-head-box .item-box .date-box .date-txt {
    font-size: 13px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #1E1E23;
}
section.ranking-component .ranking-body-box {
    padding-top: 24px;
}
section.ranking-component .ranking-foot-box {
    padding-top: 24px;
}

section.stats-component .inner.wrap {
    padding: 23px 22px;
}
section.stats-component .ranking-head-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.stats-component .ranking-head-box .item-box {
    display: flex;
    gap: 8px;
}
section.stats-component .ranking-head-box .item-box .date-box .date-txt {
    font-size: 13px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #1E1E23;
}
section.stats-component .ranking-body-box {
    padding-top: 24px;
}

section.shop-information-component .inner.wrap {
    padding: 24px 20px 0px;
}
section.shop-information-component .shop-info-head-box .shop-subject-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.shop-information-component .shop-info-head-box .shop-subject-box .subject-box {
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    color: #1E1E23;
}
section.shop-information-component .shop-info-head-box .shop-subject-box .option-box {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}
section.shop-information-component .shop-info-head-box .shop-subject-box .option-box .like-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}
section.shop-information-component .shop-info-head-box .shop-subject-box .option-box .like-toggle-btn.is-active .ic.ic-like {
    background: url("/app/images/ic/ic_like_on.svg") no-repeat center/cover;
}
section.shop-information-component .shop-info-head-box .shop-subject-box .option-box .ic.ic-like {
    background: url("/app/images/ic/ic_like_outline.svg") no-repeat center/cover;
    width: 20px;
    height: 20px;
}
section.shop-information-component .shop-info-head-box .shop-subject-box .option-box .btn-txt {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #999;
}
section.shop-information-component .shop-info-head-box .shop-info-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
}
section.shop-information-component .shop-info-head-box .shop-info-box .info-item {
    display: flex;
    gap: 4px;
}
section.shop-information-component .shop-info-head-box .shop-info-box .info-item .subject-box {
    width: 58px;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    color: #777777;
    align-self: center;
}
section.shop-information-component .shop-info-head-box .shop-info-box .info-item .con-box {
    flex: 1;
    min-width: 0;
}

section.shop-information-component .shop-info-head-box .shop-info-box .info-item .con-box .desc-box.homepage {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    color: #404048;
    border: 0.5px solid #999;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s;
}

section.shop-information-component .shop-info-head-box .shop-info-box .info-item .con-box .desc-box {
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    color: #404048;
}
section.shop-information-component .shop-info-head-box .shop-info-box .info-item .con-box .desc-box .copy-btn {
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
}
section.shop-information-component .shop-info-head-box .shop-info-box .info-item .con-box .desc-box .copy-btn .txt {
    color: #09AB49;
}
section.shop-information-component .shop-info-body-box {
    padding-top: 20px;
}

section.increase-component .content-body-box {
    padding-top: 20px;
}

article.select-box .select-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 20px;
    background: #1E1E23;
}
article.select-box .select-btn .btn-txt {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}
article.select-box .select-btn .ic {
    width: 12px;
    height: 12px;
}
article.select-box .select-btn .ic.ic-align {
    background: url("/app/images/ic/ic_header_select_white.svg") no-repeat center/cover;
}

article.info-list-layout.padding-top {
    padding-top: 18px;
}
article.info-list-layout .inner.wrap {
    padding: 24px 22px 18px;
}
article.info-list-layout ul.info-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 135px;
}
article.info-list-layout ul.info-list li .item-box {
    display: flex;
    gap: 5px;
}
article.info-list-layout ul.info-list li .item-box .subject-box {
    width: 95px;
}
article.info-list-layout ul.info-list li .item-box .subject-box .subject-txt {
    font-size: 15px;
    font-weight: 400;
    color: #404048;
    line-height: 140%;
}
article.info-list-layout ul.info-list li .item-box .desc-box {
    fleX: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
article.info-list-layout ul.info-list li .item-box .desc-box .desc-txt {
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
    color: #1E1E23;
}

article.info-list-layout ul.info-list li .item-box .desc-box .desc-txt.color-green {
    color: #09AB49;
}

article.info-list-layout ul.info-list li .item-box .desc-box .detail-btn {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #929294;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}
article.info-list-layout ul.info-list li .item-box .location-btn-box .location-btn .ic {
    width: 18px;
    height: 18px;
}
article.info-list-layout ul.info-list li .item-box .location-btn-box .location-btn .ic.ic-location {
    background: url("/app/images/ic/ic_location.svg") no-repeat center/cover;
}

article.floor-btn-component .floor-body {
    display: flex;
    flex-direction: column;
}
article.floor-btn-component .floor-body .floor-btn {
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
}
article.floor-btn-component .floor-body .floor-btn.center {
    justify-content: center;
}
article.floor-btn-component .floor-body .floor-btn + .floor-btn {
    border-top: 1px solid #EEEEEE;
}
article.floor-btn-component .floor-body .floor-btn.is-active .floor-item .txt {
    color: rgba(9, 171, 73, 0.5);
}
article.floor-btn-component .floor-body .floor-btn.is-active .floor-item .ic.ic-check {
    background: url("/app/images/ic/ic_check.svg") no-repeat center/cover;
}

article.floor-btn-component .floor-body .floor-btn .txt {
    font-weight: 700;
}

article.floor-btn-component .floor-body .floor-btn .txt.py {
    display: none;
}

.sheet-confirm-msg.py {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sheet-confirm-msg.py .toggle-btn .ic {
    height: 14px;
    width: 13px;
}
.sheet-confirm-msg.py .toggle-btn .ic.refresh {
    background: url("/app/images/ic/ic_refresh.svg") no-repeat center/cover;
    margin-right: 2px;
}

.sheet-confirm-msg.py .toggle-btn {
    border: 1px solid #f3f3f3;
    padding: 10px 12px;
    border-radius: 12px;
}

article.floor-btn-component .floor-body .floor-btn.is-py .txt.py {
    display: block;
}

article.floor-btn-component .floor-body .floor-btn.is-py .txt.m2 {
    display: none;
}

article.floor-btn-component .floor-body .floor-btn .txt.m2 {
    display:  block;
}

article.floor-btn-component .floor-body .floor-btn .floor-item {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    gap: 4px;
    width: 100%;
}
article.floor-btn-component .floor-body .floor-btn .floor-item .txt {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    letter-spacing: -0.01em;
    line-height: 140%;
}
article.floor-btn-component .floor-body .floor-btn .floor-item .size-box {
    padding-left: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 140%;
    letter-spacing: 0.01em;
}

article.memo-component .memo-wrap {
    margin-top: 20px;
    background: #F6F8FA;
    border-radius: 12px;
    padding: 20px 16px 16px;
}
article.memo-component .memo-wrap .memo-head-box {
    display: flex;
    align-items: center;
    gap: 12px;
}
article.memo-component .memo-wrap .memo-head-box .view-box .img-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
}
article.memo-component .memo-wrap .memo-head-box .view-box .img-box img {
    width: 100%;
    height: 100%;
}
article.memo-component .memo-wrap .memo-head-box .info-box {
    flex: 1;
    min-width: 0;
}
article.memo-component .memo-wrap .memo-head-box .info-box .subject-box .subject-txt {
    font-size: 15px;
    font-weight: 700;
    line-height: 150%;
    color: #1E1E23;
}
article.memo-component .memo-wrap .memo-head-box .info-box .desc-box .desc-txt {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: #09AB49;
}
article.memo-component .memo-wrap .memo-body-box {
    padding-top: 12px;
}
article.memo-component .memo-wrap .memo-body-box .info-box .desc-box .desc-txt {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: #404048;
}

article.note-component {
    padding-top: 20px;
}
article.note-component .note-box {
    background: #F6F8FA;
    border-radius: 12px;
    padding: 17px 16px;
    display: flex;
    gap: 8px;
}
article.note-component .note-box .img-box {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
}
article.note-component .note-box .img-box img {
    width: 100%;
    height: 100%;
}
article.note-component .note-box .note-txt {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #404048;
}

article.ranking-list-component ul.ranking-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
article.ranking-list-component ul.ranking-list li.ranking-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
article.ranking-list-component ul.ranking-list li.ranking-item .info-box {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 17px;
}
article.ranking-list-component ul.ranking-list li.ranking-item .info-box .rank-box {
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    color: #09AB49;
    flex-shrink: 0;
}
article.ranking-list-component ul.ranking-list li.ranking-item .info-box .con-box {
    flex: 1;
    min-width: 0;
}
article.ranking-list-component ul.ranking-list li.ranking-item .info-box .con-box .subject-box {
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    color: #1E1E23;
}
article.ranking-list-component ul.ranking-list li.ranking-item .info-box .con-box .desc-box {
    padding-top: 2px;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    color: #404048;
}
article.ranking-list-component ul.ranking-list li.ranking-item .cnt-box {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    padding: 0 12px;
    height: 30px;
    background: #DEFAE4;
}
article.ranking-list-component ul.ranking-list li.ranking-item .cnt-box .txt {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    color: #09AB49;
}

article.page-btn-box {
    display: flex;
    gap: 11px;
}
article.page-btn-box .app-more-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 42px;
    border-radius: 8px;
    background-color: #00DE5A;
}
article.page-btn-box .app-more-btn.bg-light-green {
    background-color: #DEFAE4;
}
article.page-btn-box .app-more-btn.bg-gray {
    background: #F3F5F7;
}
article.page-btn-box .app-more-btn .txt {
    font-size: 15px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #000000;
}

article.price-table-component .table-box table th {
    border-top: 1px solid #767678;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
    color: #1E1E23;
    padding: 9px 0;
}
article.price-table-component .table-box table th.border-right {
    border-right: 1px solid #EEEEEE;
}
article.price-table-component .table-box table .type-update {
    background-color: rgba(255, 93, 0, 0.2);
}
article.price-table-component .table-box table .type-update td {
    color: #FF5D00;
}
article.price-table-component .table-box table .type-cancel {
    background-color: #DDDDDD;
}
article.price-table-component .table-box table td {
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #767678;
    padding: 13px 0;
    text-align: center;
}
article.price-table-component .table-box table td .txt-align-start {
    text-align: start;
}
article.price-table-component .table-box table td .flex-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 100%;
}
article.price-table-component .table-box table td .flex-box .txt {
    font-size: 13px;
}
article.price-table-component .table-box table td .flex-box .percent-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: #DEFAE4;
    padding: 0 6px;
    height: 17px;
    font-size: 11px;
    font-weight: 500;
    line-height: 140%;
    color: #09AB49;
}
article.price-table-component .table-box table .border-right {
    border-right: 1px solid #EEEEEE;
}
article.price-table-component .msg-box {
    padding-top: 16px;
}
article.price-table-component .msg-box .msg-txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #929294;
}

article.tabs-indicator-component {
    position: relative;
    background-color: #fff;
}
article.tabs-indicator-component .profile-view {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    height: 52px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 0 20px;
}

article.tabs-indicator-component .profile-view .item.left {
    left: 20px;
}
article.tabs-indicator-component .profile-view .item {

}
article.tabs-indicator-component .profile-view .item .item-button{
    display: inline-flex;
    align-items: center;
}

article.tabs-indicator-component .profile-view .item .item-button .ic {
    width: 24px;
    height: 24px;
}
article.tabs-indicator-component .profile-view .item .item-button .ic.ic-back {
    background: url(/redevelop/images/ic/ic_header_back.svg) no-repeat center;
}
article.tabs-indicator-component .profile-view .name-box {
    flex: 1;
    padding-left: 8px;
    font-weight: 700;
    line-height: 140%;
}
article.tabs-indicator-component .profile-view .option-box .link-btn-box {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border: 1px solid #EEEEEE;
}
article.tabs-indicator-component .profile-view .option-box .link-btn-box .ic {
    width: 20px;
    height: 20px;
}
article.tabs-indicator-component .profile-view .option-box .link-btn-box .ic.ic-link {
    display: flex;
    background: #fff url("/app/images/ic/ic_share.svg") no-repeat center/cover;
}
article.tabs-indicator-component.is-fixed {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1200px;
    width: 100%;
    padding-top: 52px;
    z-index: 99;
    background-color: #fff;
}
article.tabs-indicator-component.is-fixed .profile-view {
    transition: all 0.2s linear;
    opacity: 1;
    visibility: visible;
}
article.tabs-indicator-component .tabs-list {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid #dddddd;
    align-items: center;
    top: 0;
    background-color: #fff;
}
article.tabs-indicator-component .tabs-list .tabs-btn {
    font-size: 15px;
    color: #929294;
    line-height: 140%;
    width: 100%;
    padding: 11px 5px;
}
article.tabs-indicator-component .tabs-list .tabs-btn.is-active {
    color: #1E1E22;
    font-weight: 700;
    position: relative;
}
article.tabs-indicator-component .tabs-list .tabs-btn.is-active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background-color: #1E1E22;
}

article.range-input-bar {
    padding-top: 21px;
}
article.range-input-bar .range-label {
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
article.range-input-bar .range-label .label-txt {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    font-weight: 500;
}
article.range-input-bar .range-input {
    position: relative;
    width: 100%;
    height: 28px;
}
article.range-input-bar .range-track {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 5px;
    background-color: #dddddd;
    border-radius: 10px;
    transform: translateY(-50%);
}
article.range-input-bar .range-track .range-fill {
    position: absolute;
    height: 100%;
    background-color: #09AB49;
    border-radius: 10px;
}
article.range-input-bar input[type=range] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    pointer-events: none;
    margin: 0;
    height: 0;
}
article.range-input-bar input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #09AB49;
    cursor: pointer;
    pointer-events: all;
    position: relative;
    z-index: 2;
}
article.range-input-bar input[type=range]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #09AB49;
    cursor: pointer;
    pointer-events: all;
}

/*# sourceMappingURL=broker_view.css.map */

/* origin page copy (interior)*/
article.call-component .call-head-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 26px;
    gap: 3px;
}

article.call-component .call-head-box .img-box {
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    width: 18px;
    height: 18px;
}

article.call-component .call-head-box .img-box img {
    width: 100%;
    height: 100%;
}

article.call-component .call-head-box .txt {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    color: #000;
}

article.call-component .call-body-box .call-info-box {
    background: #F3F5F7;
    border-radius: 8px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

article.call-component .call-body-box .call-info-box .subject-box {
    font-size: 15px;
    font-weight: 700;
    line-height: 150%;
    color: #404048;
}

article.call-component .call-body-box .call-info-box .desc-box {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: #404048;
}

article.call-component .call-footer {
    padding-top: 32px;
}

article.call-component .call-footer .footer-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}
article.call-component .call-footer .footer-wrap .call-btn {
    background: #F6F8FA;
    height: 54px;
    width: 100%;
    border-radius: 8px;
}
article.call-component .call-footer .footer-wrap .call-btn .txt {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #1E1E23;
}
article.call-component .call-footer .footer-wrap .call-btn.bg-light-green {
    background: #DEFAE4;
}


/* skeleton */
.skeleton-loading {
    position: relative;
    overflow: hidden;
}

.skeleton-box {
    padding: 16px;
}

.skeleton-line {
    background: linear-gradient(
            90deg,
            #f0f0f0 25%,
            #e0e0e0 50%,
            #f0f0f0 75%
    );
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
    margin-bottom: 8px;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}


/* Popup */
.popup-view-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.7);
}

.popup-view-wrap .popup {
    position: fixed;
    inset: 0;
    z-index: 999;
    padding: 16px;
    background: #fff;
}

.popup-view-wrap .popup h2 {
     padding-bottom: 14px;
 }

.popup-view-wrap .popup .close {
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 10px 0 0 10px;
}

.popup-view-wrap .popup .close span {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/app/images/agent_ico_close.png) no-repeat center center;
    background-size: cover;
    text-indent: -9999em;
}

.popup-view-wrap .popup .frame-wrap {
    position: relative;
    height: calc(100% - 15px);
    background: #f5f5f5;
}
.popup-view-wrap .popup .frame-wrap iframe {
    width: 100%;
    height: 100%;
}

.mmbrPin img {
    width: 27px;
    border-radius: 50%;
    border: 2px solid #ff5a5a;
}

.map-view-box {
    position: relative;
}
.map-view-box button {
    position: absolute;
    z-index: 999;
    top: 10px;
    background-color: #00DE5A;
    padding: 6px;
    border-radius: 4px;
    height: 28px;
    font-size: 12px;
    font-weight: 700;
    color: #282828;
}
.map-view-box button.to-destination{
    right: 48px;
}
.map-view-box button.load-view{
    left: 10px;
}
.map-view-box button.map-type{
    right: 10px;
}

.layer_fee button {
    position: absolute;
    top: 7px;
    right: 9px;
    background: white;
    cursor: pointer;
}
.justify-between {
    justify-content: space-between;
}
.layer_fee .etc_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.layer_fee .summary{
    display: flex;
    color: #09AB49;
    padding: 8px 0;
}
.layer_fee .etc_list li{
    line-height: 1.3;
}

.leading-tight {
    line-height: 1.25;
}

.flex {
    display: flex;
}

.layer_fee .etc_list li {
    position: relative;
    padding-left: 12px;
}
.layer_fee .etc_list > li.item.bl:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #929294;
}
.layer_fee .etc_list li.item.fee {
    padding-left: 22px;
}
.layer_fee .etc_list li.item.fee:before {
    content: '\2514';
    position: absolute;
    left: 4px;
    top: 0;
    color: #929294;
    font-size: 14px;
}

.layer_fee .etc_list li.item div {
    padding-left: 20px;
}
.layer_fee .etc_list li.item div:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #edeff2;
}

.layer_fee .summary, .layer_fee .title{
    font-weight: 700;
}

.layer_fee .description{
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #edeff2;

}
.layer_fee {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;

    position: absolute;
    top: 22px;
    left: 0;
    z-index: 10;
    width: 272px;
    padding: 16px;
    letter-spacing: -0.3px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
}

.rMateH5__pointer-events-none {
    top: 2.5px!important;
}

.rMateH5__LegendItem.rMateH5__cursor-pointer .rMateH5__UITextField {
    font-size: 12px!important;
    color: #282828!important;
    font-weight: 600!important;
}
.rMateH5__LegendItem.rMateH5__cursor-pointer.rMateH5__UnChecked .rMateH5__UITextField {
    color: #999999!important;
}

.rMateH5__Legend, .rMateH5__SubLegend {
    border: none;
    left: 35px!important;
}
.rMateH5__Label.rMateH5__DisplayNameLabel {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/*	photo popup*/
.photo-popup {
    position: fixed; inset: 0; background: #000; z-index: 1000;
    display: flex; flex-direction: column;
}
.popup-header .close-btn{
    color: white;
    font-size: 20px;
    padding-bottom: 3px;

    position: fixed;
    top: 10px;
    right: 16px;
}
.popup-header {
    height: 60px; display: flex; justify-content: space-between;
    align-items: center; padding: 0 20px; color: #fff; z-index: 1010;
}
.swiper { width: 100%; height: 100%; }
.swiper-zoom-container img {
    max-width: 100%; max-height: 100%; object-fit: contain;
}

.gallery-swiper-pagination.swiper-pagination-fraction{
    text-align: center;
    font-size: 16px;
}

header {
    position: relative!important;
}

header .wrap .header-page {
    flex: 1;
    text-align: start;
}