@charset "UTF-8";
/* 0705이전 */
/* 0705 이후 */
/*분양중 proceeding 분양완료 completed 분양중exp_proceeding 입주중moving_in 입주완료 under_construction */
.l_sub_aptsale .section_01 .inner .info {
  background: url(https://www.xi.co.kr/content/static/images/sub/my/customer/info_bg.jpg) no-repeat 0 0/cover; }
.l_sub_aptsale .section_01 .inner .pi {
  width: 560px;
  margin: 0 auto 40px; }
.l_sub_aptsale_result .section_01 {
  padding-top: 105px !important; }
  .l_sub_aptsale_result .section_01 .wrap_btn {
    min-width: 1240px;
    width: 1240px;
    padding: 0 20px;
    margin: 0 auto; }
    .l_sub_aptsale_result .section_01 .wrap_btn .btn {
      margin: 0 0 0 auto;
      width: 186px;
      height: 46px; }
      .l_sub_aptsale_result .section_01 .wrap_btn .btn .icon_print {
        width: 23px;
        height: 23px;
        background-image: url(../../../images/sub/my/icon_print.png);
        margin-right: 13px; }
  .l_sub_aptsale_result .section_01 .inner {
    width: 560px;
    margin-top: -20px; }
    .l_sub_aptsale_result .section_01 .inner.subscription .info .name {
      margin-bottom: 45px; }
    .l_sub_aptsale_result .section_01 .inner > div {
      padding-bottom: 30px;
      border-bottom: 1px solid #333; }
      .l_sub_aptsale_result .section_01 .inner > div + div {
        padding-top: 70px; }
    .l_sub_aptsale_result .section_01 .inner .info {
      text-align: center;
      margin-bottom: 45px !important;
      display: block !important;
      height: auto !important; }
      .l_sub_aptsale_result .section_01 .inner .info img {
        margin-bottom: 30px; }
      .l_sub_aptsale_result .section_01 .inner .info .desc {
        margin-bottom: 25px; }
      .l_sub_aptsale_result .section_01 .inner .info p {
        font-size: 32px !important;
        line-height: 38px; }
      .l_sub_aptsale_result .section_01 .inner .info .txt {
        font-size: 18px;
        line-height: 1.5;
        color: #666;
        padding: 30px 0; }
        .l_sub_aptsale_result .section_01 .inner .info .txt strong {
          color: #76948b; }
          .l_sub_aptsale_result .section_01 .inner .info .txt strong.tel {
            color: #946f7a; }
    .l_sub_aptsale_result .section_01 .inner .result dl {
      display: flex;
      height: 100%; }
      .l_sub_aptsale_result .section_01 .inner .result dl + dl {
        margin-top: 25px; }
      .l_sub_aptsale_result .section_01 .inner .result dl dt {
        width: 158px;
        background-color: #f7f7f7;
        text-align: center;
        font-weight: 500;
        color: #666;
        padding: 14px 0;
        line-height: 28px;
        border: 1px solid #dbdbdb;
        border-radius: 5px 0 0 5px; }
      .l_sub_aptsale_result .section_01 .inner .result dl dd {
        width: calc(100% - 158px);
        padding: 14px 20px;
        line-height: 28px;
        border: 1px solid #dbdbdb;
        border-left: none;
        border-radius: 0 5px 5px 0; }
    .l_sub_aptsale_result .section_01 .inner .notice {
      font-size: 16px;
      color: #666666;
      padding: 15px 0 0 15px;
      display: flex;
      align-items: center;
      opacity: 0.8; }
      .l_sub_aptsale_result .section_01 .inner .notice a {
        color: #946f7a;
        font-weight: 500; }
    .l_sub_aptsale_result .section_01 .inner .btn {
      margin-top: 40px; }
.l_sub_pre_prsearch .section_01 .inner .info {
  background: url(https://www.xi.co.kr/content/static/images/sub/my/customer/info_bg_prsearch.jpg) no-repeat 0 0/cover; }
.l_sub_pre_prsearch .section_01 .pi .wrap_input .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 110px); }
  .l_sub_pre_prsearch .section_01 .pi .wrap_input .wrap input {
    width: 285px; }
  .l_sub_pre_prsearch .section_01 .pi .wrap_input .wrap .btn {
    margin: 0; }
.l_sub_pre_prsearch .section_01 .pi .wrap_input .notice {
  margin-top: 15px;
  color: #f3673b;
  padding-left: 120px; }
.l_sub_pre_prsearch .section_01 .btn {
  margin-top: 40px; }
.l_sub_calculate .section .sec_tit {
  margin-bottom: 46px; }
.l_sub_calculate .section .table_wrap table thead th {
  height: 80px; }
.l_sub_calculate .section .table_wrap table tbody td {
  padding: 20px;
  border-right: 1px solid #dbdbdb;
  color: #333 !important; }
  .l_sub_calculate .section .table_wrap table tbody td:nth-of-type(5) {
    border-right: 0; }
  .l_sub_calculate .section .table_wrap table tbody td .radio_box input + label {
    justify-content: center; }
    .l_sub_calculate .section .table_wrap table tbody td .radio_box input + label::before {
      margin-right: 0;
      width: 24px;
      height: 24px; }
  .l_sub_calculate .section .table_wrap table tbody td strong {
    color: #76948b;
    font-weight: 500; }
  .l_sub_calculate .section .table_wrap table tbody td.note {
    vertical-align: top;
    padding: 40px;
    word-break: keep-all;
    word-wrap: break-word; }
    .l_sub_calculate .section .table_wrap table tbody td.note dl dt {
      font-weight: 500;
      margin-bottom: 10px;
      line-height: 1; }
    .l_sub_calculate .section .table_wrap table tbody td.note dl dd {
      font-size: 16px;
      color: #666;
      line-height: 26px;
      margin-bottom: 30px; }
      .l_sub_calculate .section .table_wrap table tbody td.note dl dd > ul > li {
        position: relative;
        padding-left: 10px; }
        .l_sub_calculate .section .table_wrap table tbody td.note dl dd > ul > li::before {
          content: "-";
          position: absolute;
          top: 0;
          left: 0; }
        .l_sub_calculate .section .table_wrap table tbody td.note dl dd > ul > li > ul > li {
          position: relative;
          padding-left: 18px; }
          .l_sub_calculate .section .table_wrap table tbody td.note dl dd > ul > li > ul > li::before {
            content: "※";
            position: absolute;
            top: 0;
            left: 0; }
        .l_sub_calculate .section .table_wrap table tbody td.note dl dd > ul > li > ol > li > ul {
          padding-left: 18px; }
          .l_sub_calculate .section .table_wrap table tbody td.note dl dd > ul > li > ol > li > ul > li {
            position: relative;
            padding-left: 10px; }
            .l_sub_calculate .section .table_wrap table tbody td.note dl dd > ul > li > ol > li > ul > li::before {
              content: "-";
              position: absolute;
              top: 0;
              left: 0; }
            .l_sub_calculate .section .table_wrap table tbody td.note dl dd > ul > li > ol > li > ul > li > ul > li {
              position: relative;
              padding-left: 18px; }
              .l_sub_calculate .section .table_wrap table tbody td.note dl dd > ul > li > ol > li > ul > li > ul > li::before {
                content: "※";
                position: absolute;
                top: 0;
                left: 0; }
.l_sub_calculate .section .table_wrap table tbody tr:last-child td:nth-of-type(4) {
  border-right: 0; }
.l_sub_calculate .section_top::before {
  background-image: url(../../../images/sub/apt_info/section_top.jpg) !important; }
.l_sub_calculate .section_01 .btn {
  width: 164px;
  height: 50px;
  margin: 40px auto 0; }
.l_sub_calculate .section_02 {
  padding-top: 75px; }
  .l_sub_calculate .section_02 .table_wrap table tbody td:last-child {
    border-right: none; }
.l_sub_intro .section .sec_tit {
  margin-bottom: 46px; }
.l_sub_intro .section_02 {
  padding-top: 75px; }
  .l_sub_intro .section_02 .table_wrap table thead th {
    height: 80px; }
  .l_sub_intro .section_02 .table_wrap table tbody td {
    padding: 20px;
    border-right: 1px solid #dbdbdb; }
    .l_sub_intro .section_02 .table_wrap table tbody td:last-of-type {
      border-right: 0; }
  .l_sub_intro .section_02 .table_wrap .notice {
    text-align: right;
    color: #666;
    font-size: 16px;
    padding: 20px; }
  .l_sub_intro .section_02 .table_wrap .up {
    font-size: 75%;
    vertical-align: super; }
  .l_sub_intro .section_02 .btn_wrap {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .l_sub_intro .section_02 .btn_wrap .btn {
      width: 250px;
      height: 50px; }
      .l_sub_intro .section_02 .btn_wrap .btn:first-of-type {
        margin-right: 60px; }
      .l_sub_intro .section_02 .btn_wrap .btn .icon_download {
        margin-left: 12px;
        background-image: url(../../../images/sub/my/icon_box_download_w.png);
        width: 14px;
        height: 16px; }
.l_sub_pre_model .section_01 {
  padding-top: 80px;
  /* 통합예약 페이지로 변경 */ }
  .l_sub_pre_model .section_01 .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center; }
    .l_sub_pre_model .section_01 .btn_wrap .btn {
      width: 158px;
      height: 50px;
      margin: 0 10px; }
  .l_sub_pre_model .section_01 .inner .reservation {
    width: 100%;
    padding: 50px 0; }
    .l_sub_pre_model .section_01 .inner .reservation .popup_name {
      margin-bottom: 40px;
      font-size: 32px;
      font-weight: 500;
      color: #000; }
    .l_sub_pre_model .section_01 .inner .reservation .pi {
      padding: 40px;
      border-top: 2px solid #333; }
      .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input {
        display: flex;
        align-items: center; }
        .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input + .wrap_input {
          margin-top: 27px; }
        .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input label {
          width: 160px;
          position: relative; }
          .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input label::before {
            content: "";
            position: absolute;
            top: 0;
            right: 80px;
            width: 6px;
            height: 6px;
            border-radius: 100%;
            background: #946f7a; }
        .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .select_box {
          width: calc(100% - 160px);
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .select_box .wrap_select {
            width: 100%; }
          .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .select_box_half {
            width: 470px; }
            .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .select_box_half + .select_box {
              margin-left: 16px; }
            .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .select_box_half .wrap_select {
              width: 100%; }
        .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .question_box, .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box {
          width: calc(100% - 160px); }
        .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .question_box span {
          line-height: 1.3; }
        .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .input_type, .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .radio_type, .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .check_type {
          width: 100%; }
        .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .input_type input {
          width: 100%; }
        .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .radio_type .radio_box {
          padding: 8px 0; }
          .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .radio_type .radio_box input + label {
            width: 100%; }
            .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .radio_type .radio_box input + label::before {
              content: "";
              display: block;
              width: 26px;
              height: 26px;
              margin-right: 11px;
              position: relative;
              right: auto;
              left: 0;
              background: url(../../../images/common/icon_radio.png) no-repeat center center;
              background-size: contain; }
            .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .radio_type .radio_box input + label span {
              width: calc(100% - 26px);
              line-height: 1.4; }
          .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .radio_type .radio_box input:checked + label::before {
            background-image: url(../../../images/common/icon_radio_on.png%3Fv=1);
            background-size: contain; }
        .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .check_type .check_box {
          padding: 8px 0; }
          .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .check_type .check_box input + label {
            width: 100%; }
            .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .check_type .check_box input + label::before {
              content: "";
              display: block;
              width: 26px;
              height: 26px;
              margin-right: 11px;
              position: relative;
              right: auto;
              left: 0;
              background: url(../../../images/common/icon_check.png) no-repeat center center;
              background-size: contain; }
            .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .check_type .check_box input + label span {
              width: calc(100% - 26px);
              line-height: 1.4; }
          .l_sub_pre_model .section_01 .inner .reservation .pi .wrap_input .answer_box .check_type .check_box input:checked + label::before {
            background-image: url(../../../images/common/icon_check_on.png%3Fv=1);
            background-size: contain; }
    .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li {
      border-top: 1px solid #333;
      margin-top: 80px; }
      .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 35px 20px 35px 0; }
        .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_tit p {
          font-size: 32px; }
          .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_tit p span {
            font-size: 20px; }
        .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_tit .btn_tab_arrow {
          position: relative;
          width: 60px;
          height: 30px;
          padding-top: 17px;
          padding-left: 38px;
          background: none;
          margin: 0 !important; }
          .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_tit .btn_tab_arrow .icon_tab_arrow {
            width: 22px;
            height: 13px;
            background-image: url(../../../images/sub/my/icon_tab_arrow.png);
            background-position: right center; }
          .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_tit .btn_tab_arrow::before {
            content: "열기";
            font-size: 16px;
            position: absolute;
            bottom: -4px;
            left: 0;
            color: #333; }
          .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_tit .btn_tab_arrow:hover {
            box-shadow: none; }
      .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont {
        display: none;
        /* 개인정보처리방침*/ }
        .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .desc {
          font-size: 21px;
          line-height: 28px;
          font-weight: 500;
          position: relative;
          padding-left: 20px; }
          .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .desc::before {
            content: "ㆍ";
            position: absolute;
            top: 0;
            left: 0; }
        .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .content {
          padding: 10px 0 40px 20px; }
          .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .content .tit {
            font-size: 25px;
            font-weight: 500;
            color: #000;
            margin-bottom: 40px; }
          .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .content > ol > li {
            margin-bottom: 30px; }
            .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .content > ol > li:last-child {
              margin-bottom: 0; }
            .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .content > ol > li p {
              color: #666;
              line-height: 30px; }
              .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .content > ol > li p.sub_tit {
                font-size: 21px;
                font-weight: 500;
                color: #333;
                margin-bottom: 20px;
                line-height: 1; }
            .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .content > ol > li > ol {
              padding-left: 15px; }
              .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .privacy_cont .content > ol > li > ol > li {
                color: #666;
                line-height: 30px; }
      .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .agree_box {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 50px;
        padding-top: 30px;
        border-top: 1px solid #dbdbdb; }
        .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li .agree_box .radio_box:first-child {
          margin-right: 25px; }
      .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li.open .privacy_tit .btn_tab_arrow .icon_tab_arrow {
        transform: rotate(180deg); }
      .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li.open .privacy_tit .btn_tab_arrow::before {
        content: "닫기"; }
      .l_sub_pre_model .section_01 .inner .reservation .privacy_box > ul > li.open .privacy_cont {
        display: block;
        padding-bottom: 0; }
    .l_sub_pre_model .section_01 .inner .reservation .btn {
      width: 158px;
      height: 50px;
      margin: 40px auto 0; }
.l_sub_index .section_01 .info {
  background: url(../../../images/sub/my/customer/info_bg_index.jpg) no-repeat 0 0/cover; }
.l_sub_index .section_02 .sec_tit {
  margin-bottom: 55px; }
.l_sub_index .section_02 .box_list .box_wrap ul {
  display: flex;
  flex-wrap: wrap; }
  .l_sub_index .section_02 .box_list .box_wrap ul li {
    position: relative;
    width: 380px;
    height: 315px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 25px;
    margin-bottom: 20px;
    border: 1px solid #dbdbdb;
    transition: 0.3s;
    border-radius: 15px; }
    .l_sub_index .section_02 .box_list .box_wrap ul li:nth-child(5n) {
      margin-right: 0; }
    .l_sub_index .section_02 .box_list .box_wrap ul li .tit_wrap {
      margin-bottom: 20px; }
      .l_sub_index .section_02 .box_list .box_wrap ul li .tit_wrap .tit {
        font-size: 25px;
        font-weight: 500;
        line-height: 35px; }
    .l_sub_index .section_02 .box_list .box_wrap ul li .btn_wrap {
      opacity: 1; }
      .l_sub_index .section_02 .box_list .box_wrap ul li .btn_wrap .btn {
        width: 100%;
        margin: 0;
        height: 40px;
        border-radius: 20px;
        font-size: 16px;
        color: #666;
        background: #f7f7f7; }
        .l_sub_index .section_02 .box_list .box_wrap ul li .btn_wrap .btn .icon {
          margin-left: 10px; }
          .l_sub_index .section_02 .box_list .box_wrap ul li .btn_wrap .btn .icon_box_arrow {
            background-image: url(../../../images/sub/my/icon_box_arrow.png);
            width: 13px;
            height: 10px; }
    .l_sub_index .section_02 .box_list .box_wrap ul li > .icon {
      display: block;
      position: absolute;
      top: 50px;
      right: 25px;
      width: 45px;
      height: 45px; }
      .l_sub_index .section_02 .box_list .box_wrap ul li > .icon_reservation01 {
        background-image: url(../../../images/sub/my/customer/icon_reservation01.png); }
      .l_sub_index .section_02 .box_list .box_wrap ul li > .icon_reservation02 {
        background-image: url(../../../images/sub/my/customer/icon_reservation02.png); }
      .l_sub_index .section_02 .box_list .box_wrap ul li > .icon_reservation03 {
        background-image: url(../../../images/sub/my/customer/icon_reservation03.png); }
      .l_sub_index .section_02 .box_list .box_wrap ul li > .icon_reservation04 {
        background-image: url(../../../images/sub/my/customer/icon_reservation04.png); }
      .l_sub_index .section_02 .box_list .box_wrap ul li > .icon_reservation05 {
        background-image: url(../../../images/sub/my/customer/icon_parcel_out.png); }
      .l_sub_index .section_02 .box_list .box_wrap ul li > .icon_reservation06 {
        background-image: url(../../../images/sub/my/customer/icon_reservation05.png); }
      .l_sub_index .section_02 .box_list .box_wrap ul li:hover {
      background: #948c76;
      box-shadow: 5px 5px 10px rgba(31, 31, 31, 0.22);
      border-color: #948c76; }
      .l_sub_index .section_02 .box_list .box_wrap ul li:hover .tit_wrap .tit {
        color: #fff; }
      .l_sub_index .section_02 .box_list .box_wrap ul li:hover .btn_wrap {
        opacity: 1; }
        .l_sub_index .section_02 .box_list .box_wrap ul li:hover .btn_wrap .btn {
          color: #fff;
          transition: 0.3s;
          background: rgba(247, 247, 247, 0.25); }
          .l_sub_index .section_02 .box_list .box_wrap ul li:hover .btn_wrap .btn .icon_box_arrow {
            background-image: url(../../../images/sub/my/icon_box_arrow_w.png); }
          .l_sub_index .section_02 .box_list .box_wrap ul li:hover .btn_wrap .btn:hover {
            background: #fff !important;
            color: #948c76 !important;
            box-shadow: none; }
            .l_sub_index .section_02 .box_list .box_wrap ul li:hover .btn_wrap .btn:hover .icon_box_arrow {
              background-image: url(../../../images/sub/my/icon_box_arrow_on.png); }
      .l_sub_index .section_02 .box_list .box_wrap ul li:hover > .icon {
        display: none; }