@charset "UTF-8";
/* 0705이전 */
/* 0705 이후 */
/*분양중 proceeding 분양완료 completed 분양중exp_proceeding 입주중moving_in 입주완료 under_construction */
.container .badge {
  left: 15px;
  top: -4px;
  z-index: 8; }
  .container .badge::before, .container .badge::after {
    width: 5px;
    height: 5px; }
  .container .badge::before {
    left: -5px; }
  .container .badge::after {
    right: -5px; }
  .container .badge span {
    line-height: 15px;
    top: 43%; }
.container .wish {
  top: 15px;
  right: 15px;
  z-index: 7; }
  .container .wish .icon {
    width: 20px;
    height: 18px;
    background-image: url(https://www.xi.co.kr/content/static/images/sub/construct/icon_wish.png); }
  .container .wish.active .icon {
    background-image: url(https://www.xi.co.kr/content/static/images/sub/construct/icon_wish_on.png); }
.container .l_sub .section .blue {
  color: #76948b; }
.container .l_sub .section_01 .inner .wrap_search {
  margin-bottom: 100px; }
  .container .l_sub .section_01 .inner .wrap_search .wrap_input {
    width: 100%;
    height: 80px;
    border-bottom: 2px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .container .l_sub .section_01 .inner .wrap_search .wrap_input input {
      display: block;
      width: 1100px;
      text-align: center;
      font-size: 21px;
      border: none; }
      .container .l_sub .section_01 .inner .wrap_search .wrap_input input::placeholder {
        color: #888;
        opacity: 0.8; }
    .container .l_sub .section_01 .inner .wrap_search .wrap_input button {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
      .container .l_sub .section_01 .inner .wrap_search .wrap_input button .icon {
        width: 24px;
        height: 24px;
        background-image: url(https://www.xi.co.kr/content/static/images/sub/construct/icon_search.png); }
.container .l_sub .section_01 .inner .contents {
  display: flex; }
  .container .l_sub .section_01 .inner .contents .wrap_content {
    width: 50%; }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont > ul {
      display: flex;
      align-items: center;
      justify-content: center; }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_check .check_box {
      width: 110px;
      height: 40px;
      margin: 0 6px; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_check .check_box input + label {
        transition: all 0.2s;
        display: flex;
        align-items: center;
        cursor: pointer;
        color: #666;
        position: relative;
        width: 100%;
        height: 100%;
        justify-content: center;
        border: 1px solid #dbdbdb;
        border-radius: 30px; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_check .check_box input + label::before {
          display: none; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_check .check_box input + label a::after {
          background-color: #9e9e9e; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_check .check_box input:checked + label {
        color: #fff;
        border-color: #948c76;
        background: #948c76; }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map {
      padding: 30px 0 40px; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps #info_box {
        position: absolute;
        top: 0px;
        left: 0px;
        width: max-content;
        pointer-events: none; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps #info_box .bubble {
          padding-top: 8px;
          position: relative;
          width: 60px;
          height: 83px;
          background: url(https://www.xi.co.kr/content/static/images/sub/construct/bubble_box.png) no-repeat 0 0/contain; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps #info_box .bubble p {
            font-size: 13px;
            line-height: 18px;
            font-weight: 500;
            display: flex;
            align-items: center;
            justify-content: center; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps #info_box .bubble p .num {
              display: block;
              width: 10px;
              text-align: center; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps .administrative_district {
        width: 100%;
        height: 100%; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps .administrative_district .region {
          background-repeat: no-repeat;
          background-size: contain;
          background-repeat: no-repeat;
          position: relative;
          display: none; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps .administrative_district .region svg {
            width: 100%;
            height: 100%;
            position: relative; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps .administrative_district .region svg g path {
              fill: #dbdbdb;
              fill-opacity: 1;
              stroke: #fff;
              stroke-opacity: 1;
              stroke-width: 3;
              transition: all 0.2s;
              cursor: pointer; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps .administrative_district .region .region_area {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps .administrative_district .region .region_area .region_info {
              position: absolute;
              display: flex;
              flex-direction: column;
              align-items: center; }
              .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps .administrative_district .region .region_area .region_info .region_num {
                margin-bottom: 5px;
                font-size: 10px;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background-color: #fff;
                text-align: center;
                line-height: 14px;
                display: inline-block; }
              .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps .administrative_district .region .region_area .region_info .region_tit {
                font-size: 14px;
                font-weight: 500;
                color: #333;
                transition: all 0.3s; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .wrap_map .maps .administrative_district .region.over .region_area .region_tit {
            color: #fff; }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .btn {
      width: 220px;
      height: 55px;
      margin: 40px auto 0; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_left .btn .icon {
        width: 24px;
        height: 22px;
        margin-right: 15px;
        background-image: url(https://www.xi.co.kr/content/static/images/sub/construct/icon_map.png); }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab {
      margin-bottom: 30px; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li {
        width: 160px;
        height: 40px;
        margin: 0 7px; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li a {
          width: 100%;
          height: 100%;
          color: #666;
          font-size: 15px; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li a .icon {
            width: 17px;
            height: 17px;
            margin-right: 10px; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li a .icon_thumb {
              background-image: url(https://www.xi.co.kr/content/static/images/sub/construct/icon_thumb.png); }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li a .icon_list {
              background-image: url(https://www.xi.co.kr/content/static/images/sub/construct/icon_list.png); }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li a:hover {
            color: #fff; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li a:hover .icon {
              filter: brightness(0) invert(1); }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li.active a {
          background-color: #948c76;
          color: #fff; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li.active a::after {
            display: none; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_tab li.active .icon {
          filter: brightness(0) invert(1); }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_right > .tit {
      font-size: 25px;
      color: #000;
      text-align: center;
      margin-bottom: 35px; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_right > .tit .name {
        font-weight: bold; }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_right ::-webkit-scrollbar {
      -webkit-appearance: none;
      margin-right: 5px; }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_right ::-webkit-scrollbar:vertical {
      width: 5px; }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_right ::-webkit-scrollbar-thumb {
      background-color: #666;
      border-radius: 5px; }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_right ::-webkit-scrollbar-track {
      background-color: #dbdbdb;
      border-radius: 5px; }
    .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex {
      margin-left: 15px;
      display: none;
      height: auto;
      max-height: 1015px;
      overflow-y: auto;
      padding-right: 5px; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex .complex {
        position: relative; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex .complex .badge {
          pointer-events: none; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex .complex:nth-of-type(1) {
          margin-top: 8px; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex.active {
        display: block; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_inner {
        display: flex;
        flex-wrap: wrap; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex {
        width: 183px;
        margin-bottom: 35px !important;
        margin-right: 13px; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex:nth-of-type(3n) {
          margin-right: 0; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex:nth-of-type(2), .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex:nth-of-type(3) {
          margin-top: 8px; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box {
          height: inherit;
          overflow: hidden;
          position: relative;
          border-radius: 10px; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_img {
            height: inherit;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_img::before {
              content: "";
              position: absolute;
              width: calc(100% - 2px);
              height: calc(100% - 2px);
              border-radius: 10px;
              z-index: 7;
              pointer-events: none; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_img .tit {
              position: absolute;
              bottom: 30px;
              width: 90%;
              left: 50%;
              transform: translateX(-50%);
              text-align: center;
              word-break: keep-all;
              word-wrap: break-word;
              color: #fff;
              font-size: 17px;
              line-height: 22px;
              font-weight: bold; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_img img {
              position: absolute;
              top: 50%;
              transform: translateY(-50%); }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info {
            transition: all 0.5s;
            height: auto;
            position: absolute;
            left: 0;
            bottom: -100%;
            width: 100%;
            background: #fff;
            padding: 70px 12px 15px;
            z-index: 1; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info .info {
              margin-bottom: 15px; }
              .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info .info .tit {
                font-weight: bold;
                margin-bottom: 15px;
                line-height: 21px;
                word-break: keep-all;
                word-wrap: break-word; }
              .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info .info .list {
                display: flex;
                font-size: 10px;
                line-height: 16px; }
                .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info .info .list p:first-of-type {
                  width: 45px;
                  font-weight: 500; }
                .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info .info .list p:nth-of-type(2) {
                  width: calc(100% - 45px);
                  color: #888;
                  word-break: keep-all;
                  word-wrap: break-word; }
                .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info .info .list_per p:nth-of-type(2) {
                  border: 1px solid #dbdbdb; }
                  .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info .info .list_per p:nth-of-type(2) .per {
                    display: block;
                    width: 30%;
                    height: 100%;
                    background-color: #5b94a6; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info .wrap_btn .btn {
              width: 160px;
              height: 25px;
              font-size: 12px; }
              .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box .wrap_info .wrap_btn .btn + .btn {
                margin-top: 5px; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box:hover .wrap_img::before {
            border: 1px solid #dbdbdb; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex .box:hover .wrap_info {
            bottom: 0; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_thumb .complex.fix .wrap_img::before {
          width: calc(100% - 8px);
          height: calc(100% - 8px);
          border-radius: 10px;
          border: 4px solid #948c76; }
      .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex {
        width: 100%;
        padding-bottom: 20px; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex + .complex {
          margin-top: 15px; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex::before {
          content: "";
          position: absolute;
          width: calc(100% - 2px);
          height: calc(100% - 2px);
          border-radius: 10px;
          border: 1px solid #dbdbdb;
          pointer-events: none; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex.fix::before {
          content: "";
          width: calc(100% - 8px);
          height: calc(100% - 8px);
          border: 4px solid #948c76; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wish {
          top: 25px;
          right: 25px; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info {
          padding: 20px 20px 13px;
          display: flex;
          align-items: center; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info .region {
            width: 70px;
            text-align: center;
            padding-top: 39px; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info .info {
            width: calc(100% - 70px);
            padding-left: 20px; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info .info .tit {
              font-size: 21px;
              line-height: 28px;
              font-weight: 500;
              margin-bottom: 13px; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info .info .wrap_list {
              display: flex;
              justify-content: flex-start;
              flex-flow: wrap; }
              .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info .info .wrap_list .list {
                display: inline-flex;
                position: relative; }
                .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info .info .wrap_list .list p {
                  line-height: 21px;
                  display: flex;
                  color: #888;
                  font-size: 15px; }
                .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info .info .wrap_list .list::after {
                  content: "";
                  position: relative;
                  width: 1px;
                  height: 13px;
                  background-color: #888;
                  top: 5px;
                  margin: 0 5px 0 7px; }
                .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info .info .wrap_list .list:last-of-type::after {
                  display: none; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_info .info > p {
              line-height: 21px;
              display: flex;
              color: #888;
              font-size: 15px;
              padding-right: 0; }
        .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_btn {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          border-top: 1px solid #dbdbdb;
          margin: 15px 20px 0;
          padding-left: 90px;
          padding-top: 18px; }
          .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_btn .btn {
            width: 140px;
            height: 35px;
            margin-bottom: 10px; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_btn .btn + .btn {
              margin-left: 12px; }
            .container .l_sub .section_01 .inner .contents .wrap_content .cont_right .wrap_complex_list .complex .wrap_btn .btn:nth-child(4) {
              margin-left: 0; }