.container--1-in-row {
  --number-of-items: 1;
  --gap: 16px;
  --number-of-gaps: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--1-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--2-in-row {
  --number-of-items: 2;
  --gap: 16px;
  --number-of-gaps: 1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--2-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--3-in-row {
  --number-of-items: 3;
  --gap: 16px;
  --number-of-gaps: 2;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--3-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--4-in-row {
  --number-of-items: 4;
  --gap: 16px;
  --number-of-gaps: 3;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--4-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--5-in-row {
  --number-of-items: 5;
  --gap: 16px;
  --number-of-gaps: 4;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--5-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--6-in-row {
  --number-of-items: 6;
  --gap: 16px;
  --number-of-gaps: 5;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--6-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--7-in-row {
  --number-of-items: 7;
  --gap: 16px;
  --number-of-gaps: 6;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--7-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--8-in-row {
  --number-of-items: 8;
  --gap: 16px;
  --number-of-gaps: 7;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--8-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--9-in-row {
  --number-of-items: 9;
  --gap: 16px;
  --number-of-gaps: 8;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--9-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--10-in-row {
  --number-of-items: 10;
  --gap: 16px;
  --number-of-gaps: 9;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--10-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--11-in-row {
  --number-of-items: 11;
  --gap: 16px;
  --number-of-gaps: 10;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--11-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.container--12-in-row {
  --number-of-items: 12;
  --gap: 16px;
  --number-of-gaps: 11;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.container--12-in-row .item {
  width: calc(100% / var(--number-of-items) - var(--gap) * var(--number-of-gaps) / var(--number-of-items));
}

.sub-content .title {
  display: flex;
  align-items: center;
  gap: 10rem;
  margin-bottom: 10rem;
}
.sub-content .title-left {
  display: flex;
  align-items: center;
  gap: 10rem;
}
@media(min-width:1280px){
  .sub-content .title{ margin-top: -3rem; }
}
.sub-content .title img {
  width: 17rem;
}
.sub-content .title h1 {
  font-size: var(--fs24);
  font-weight: 700;
}
.sub-content .title .button{ margin: 0; min-height: auto; height: 30rem; }
.sub-content .map-box {
  display: flex;
  width: 100%;
  border: 1px solid var(--grey3);
  padding: 10rem;
  margin-bottom: 10rem;
}
.sub-content .map-box .root_daum_roughmap {
  width: 100%;
  min-height: 270rem;
}
.sub-content .map-box .root_daum_roughmap .wrap_map {
  height: 100%;
}
.sub-content .map-box .root_daum_roughmap .wrap_controllers {
  display: none;
}
.sub-content .map-box .root_daum_roughmap .border1, .sub-content .map-box .root_daum_roughmap .border2, .sub-content .map-box .root_daum_roughmap .border3, .sub-content .map-box .root_daum_roughmap .border4 {
  display: none;
}
.sub-content .data-table {
  display: flex;
  flex-direction: column;
  /* margin-top: 50rem; */
  border-top: 2px solid var(--grey);
}
.sub-content .data-row {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: var(--white);
}
@media(min-width:1280px){
  .sub-content.column-2 .data-table{ display: grid; grid-template-columns: repeat(2, 1fr);
    :is(.data-row:nth-child(7), .data-row:nth-child(8)) .nowrap{ flex-wrap: wrap; }
    .data-row:last-child, .data-row:has(#location){ grid-column: 1/-1; }
    .nowrap .button, #check_id, #check_id_broker{ padding-inline: 10rem; min-width: 130rem; }
    .nowrap.s25.row:has(#area_gu){ display: grid; grid-template-columns: 1fr 1fr; }
    .nowrap.s25.row select{ width: 100%; }
    #phone_broker{ max-width: 288rem; }
  }
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .sub-content .data-row {
    flex-wrap: wrap;
    border-color: var(--grey3);
  }
}
.sub-content .data-row .w100 {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  border-bottom: 1px solid var(--grey2);
}
.sub-content .data-row .w50 {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
  border-bottom: 1px solid var(--grey2);
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .sub-content .data-row .w50 {
    flex-basis: 100%;
  }
}
.sub-content .data-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-content .data-content-title {
  background: #F3F7F9;
  font-weight: 700;
  padding: 10rem 10rem;
  min-width: 11ch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10rem;
}
.sub-content .data-content-row {
  padding: 10rem 10rem;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.sub-content .data-content-column {
  padding: 10rem 10rem;
  flex-grow: 1;
  display: flex;
  align-items: left;
  flex-direction: column;
}
.sub-content .data .check {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  gap: 3rem;
}
.sub-content .data .checkbx {
  display: flex;
  align-items: center;
  gap: 5rem;
}
.sub-content .data .bxinfo {
  display: flex;
  align-items: center;
  gap: 10rem;
  margin-bottom: 10rem;
}
.sub-content .data .bxinfo:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .sub-content .data .bxinfo {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20rem;
  }
}
.sub-content .data .bxtxt {
  display: flex;
  min-width: 250rem;
}
.sub-content .data .bxblue {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: var(--primary);
  color: var(--white);
  padding: 10rem 10rem;
}
.sub-content .data .bxgreen {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .4ch;
  background: var(--secondary);
  color: var(--white);
  padding: 10rem;
  cursor: pointer;
  font-size: 14rem;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .sub-content .data .bxgreen {
    width: 100%;
  }
}
.sub-content .data .primary {
  background: var(--primary);
  border-color: var(--primary);
}
.sub-content .data input[type=text], .sub-content .data input[type=password], .sub-content .data input[type=tel], .sub-content .data input[type=date], .sub-content .data input[type=email], .sub-content .data input[type=number], .sub-content .data textarea, .sub-content .data select {
  background-color: #FAFAFA;
}
.sub-content .data textarea {
  height: auto;
  width: 100%;
}
.sub-content .data .info {
  display: flex;
  background: var(--grey1);
  border: 1rem solid var(--grey3);
  margin-block: 50rem;
  padding: 20rem;
  text-align: center;
}
.sub-content .data .join_area {
  background: var(--grey1);
  border-radius: 10rem;
  padding-top: 20rem;
  padding-bottom: 20rem;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .sub-content .data .join_area {
    padding: 20rem;
    margin-bottom: 50rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .sub-content .data .join_area .box.join form {
    width: 100%;
  }
}
.sub-content .data .join_area .box.join ul li input {
  background-color: var(--white);
}
.sub-content .data .nowrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-basis: 100%;
  /* gap: 6rem; */
  gap: 8rem;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .sub-content .data .nowrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.sub-content .data .nowrap input[type="text"],
.sub-content .data .nowrap input[type="password"],
.sub-content .data  input[type="tel"],
.sub-content .data .nowrap select {
  width: 100%;
}
.sub-content .data .nowrap .button {
  min-width: 170rem;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .sub-content .data .nowrap .dash {
    display: none;
  }
}
.sub-content .data .nowrap input[type=checkbox] + label, .sub-content .data .nowrap input[type=radio] + label {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.sub-content .data .s25 select {
  width: 150rem;
}
.sub-content .data .i25 input[type=text] {
  width: 6ch;
}
.sub-content .data .sub_btn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 20rem;
  margin-block: 30rem;
}
.sub-content .data .sub_btn .button {
  min-width: 20%;
  min-height: 50rem;
}
.sub-content .data .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.sub-content .data .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media(max-width:767px){
  .sub-content .data .row {
    flex-wrap: wrap;
  }
}

.sub-content .data .w20 {
  width: 20ch !important;
}
.sub-content .data .wp50 {
  width: 25% !important;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .sub-content .data .wp50 {
    width: 50% !important;
  }
}

.highlight-building {
    font-weight: bold;
    font-size: 18px;
    color: #007BFF;
    margin-right: 15px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .highlight-building {
    min-width: 65px;
    display: flex;
    height: 100%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1300px) {
  .highlight-building {
    min-width: 100px;
  }
}

/* property/view */
.sub-content .data .bxinfo .label-green { display: flex; gap: 5rem; flex-wrap: wrap; }
.sub-content .data .bxinfo { width: 100%; justify-content: space-between; }
.sub-content .data .bxinfo .label-green .bxgreen.lbl01 { width: 220rem; }
.sub-content .data .bxinfo .label-green .bxgreen.lbl02, .sub-content .data .bxinfo .label-green .bxgreen.lbl03 { width: 105rem; }


.sub-content .data .bxinfo .action-call-broker {background-color:#ff6600; font-weight:700; font-size:15rem;}
.sub-content .data .bxinfo .action-call-broker .callbtn_03 { background-color:#ffd8c1; font-weight:700; color:#000; padding: 3rem 5rem;  display:inline-block; border-radius: 5rem; margin-left:5rem;}
.sub-content .data .bxinfo .action-call-broker .callbtn_03:hover { background-color:#ffd200;}

/* 202506 */
.data-table .button.sm { min-width: auto; background: #4286f3; border-color: #4286f3; }