@charset "UTF-8";
#main_wrap {
  margin: auto;
  margin-bottom: 90px;
  width: 1225px;
  padding: 15px 0px; }
  #main_wrap .bold {
    font-weight: bold; }
  #main_wrap .clear {
    clear: both; }
  #main_wrap .row {
    display: -ms-flexbox;
    display: flex; }
  #main_wrap .dsp_no {
    display: none; }
  #main_wrap .is_error {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold; }
  #main_wrap .red {
    color: #e11837; }
  #main_wrap .bg_red {
    background-color: #e11837 !important; }
  #main_wrap .gray {
    color: #666666 !important; }
  #main_wrap a {
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important; }
  #main_wrap span {
    font-size: inherit;
    font-weight: inherit; }
  #main_wrap .pointer {
    cursor: pointer; }

#main_wrap .innerLiner2 {
  width: 93px;
  white-space: nowrap;
  overflow-x: hidden;
  /* margin-left: 17px; */
  position: relative;
  height: 28px;
  display: inline-block;
  overflow-y: hidden; }

#main_wrap > header {
  color: #171717;
  font-size: 13px; }
  #main_wrap > header .gt {
    padding: 0px 14px; }

#main_wrap .online_estimate {
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px; }

#main_wrap .online_estimate .row_l {
  -ms-flex: 0 0 729px;
  flex: 0 0 729px;
  /* 검색바 { */
  /* } */ }
  #main_wrap .online_estimate .row_l > .search {
    box-sizing: border-box;
    border: 1px solid #000;
    background-color: #f8f8f8;
    padding: 18px;
    height: 225px; }
    #main_wrap .online_estimate .row_l > .search .title {
      height: 25px;
      -ms-flex-align: baseline;
      align-items: baseline; }
      #main_wrap .online_estimate .row_l > .search .title #in_search_keyword {
        font-family: NotoSansCJKkr;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -0.6px;
        color: #e11837; }
      #main_wrap .online_estimate .row_l > .search .title > span:nth-of-type(2) {
        margin-left: 4px;
        margin-right: 20px;
        font-size: 12px;
        letter-spacing: -0.3px; }
    #main_wrap .online_estimate .row_l > .search .property_box {
      margin-top: 20px;
      flex-wrap: wrap;
      height: 96px; }
    #main_wrap .online_estimate .row_l > .search .property_box > li {
      cursor: pointer;
      position: relative;
      width: 133px;
      height: 25px;
      border: solid 1px #d5d5d5;
      -ms-flex-align: center;
      align-items: center;
      background-color: #fff;
      margin-right: 6px;
      flex-wrap: wrap;
      margin-bottom: 7px; }
      #main_wrap .online_estimate .row_l > .search .property_box > li > span:nth-of-type(1) {
        -ms-flex: 1;
        flex: 1;
        padding-left: 7px;
        font-size: 12px;
        letter-spacing: -0.3px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: nowrap;
        max-width: 105px; }
      #main_wrap .online_estimate .row_l > .search .property_box > li .select_btn {
        box-sizing: border-box;
        border-left: solid 1px #d5d5d5;
        width: 25px;
        height: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center; }
      #main_wrap .online_estimate .row_l > .search .property_box > li .wide_select {
        width: 689px !important; }
      #main_wrap .online_estimate .row_l > .search .property_box > li .wide_select .p_list {
        display: inline-block !important;
        width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: nowrap;
        max-width: 130px; }
      #main_wrap .online_estimate .row_l > .search .property_box > li .select_open {
        position: absolute;
        display: none;
        width: 133px;
        /* bottom: 0px; */
        background: #fff;
        border: 1px solid #d5d5d5;
        top: 23px;
        z-index: 21;
        padding: 7px;
        left: -1px;
        box-sizing: border-box; }
        #main_wrap .online_estimate .row_l > .search .property_box > li .select_open .p_list {
          cursor: pointer;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center; }
          #main_wrap .online_estimate .row_l > .search .property_box > li .select_open .p_list > span:nth-of-type(1) {
            margin-right: 8px; }
          #main_wrap .online_estimate .row_l > .search .property_box > li .select_open .p_list > span:nth-of-type(2) {
            font-size: 12px;
            letter-spacing: -0.3px;
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: break-word;
            white-space: nowrap;
            max-width: 92px;
            padding-right: 1px; }
    #main_wrap .online_estimate .row_l > .search .property_box > li:nth-of-type(5n) {
      margin-right: 0px !important; }
  #main_wrap .online_estimate .row_l .on_search_form {
    margin-top: 13px;
    height: 35px;
    display: -ms-flexbox;
    display: flex; }
    #main_wrap .online_estimate .row_l .on_search_form > div:first-of-type {
      -ms-flex: 1;
      flex: 1; }
    #main_wrap .online_estimate .row_l .on_search_form > div:last-of-type {
      -ms-flex: 0 0 35px;
      flex: 0 0 35px;
      cursor: pointer; }
    #main_wrap .online_estimate .row_l .on_search_form input[type="text"] {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      border: 1px solid #e11837;
      border-right: 0px;
      padding-left: 10px; }
  #main_wrap .online_estimate .row_l > .money_option {
    box-sizing: border-box;
    border: 1px solid #000;
    background-color: #f8f8f8;
    margin-top: 10px;
    padding: 7px 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end; }
  #main_wrap .online_estimate .row_l .innerLiner {
    white-space: nowrap;
    overflow-x: hidden;
    width: 99px;
    margin-left: 17px;
    position: relative;
    height: 28px;
    overflow-y: hidden; }
  #main_wrap .online_estimate .row_l #pay_method {
    cursor: pointer;
    position: absolute; }
  #main_wrap .online_estimate .row_l > .product_list {
    margin-top: 14px;
    /* 리스트 for문{ */
    /* 리스트 for문 }  */
    /* page {  */
    /* page }  */ }
    #main_wrap .online_estimate .row_l > .product_list #order_nav {
      border-bottom: 1px solid #000;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      #main_wrap .online_estimate .row_l > .product_list #order_nav > div:nth-of-type(-n+6) {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        text-align: center;
        height: 39px;
        line-height: 39px;
        cursor: pointer;
        font-size: 12px;
        letter-spacing: -0.3px;
        position: relative; }
      #main_wrap .online_estimate .row_l > .product_list #order_nav > div:nth-of-type(-n+5) {
        border-left: 1px solid #e3e3e3;
        border-top: 1px solid #e3e3e3; }
      #main_wrap .online_estimate .row_l > .product_list #order_nav > div:nth-of-type(6) {
        box-sizing: border-box;
        border: 1px solid #e3e3e3;
        border-bottom: 0px; }
      #main_wrap .online_estimate .row_l > .product_list #order_nav > .active:after {
        position: absolute;
        content: '';
        z-index: 1;
        box-sizing: border-box;
        border: 1px solid #000;
        border-bottom: 1px solid #fff;
        width: 101px;
        height: 40px;
        left: -1px;
        top: -1px; }
      #main_wrap .online_estimate .row_l > .product_list #order_nav .page_limit {
        text-align: center;
        flex: 1;
        display: inline-block; }
        #main_wrap .online_estimate .row_l > .product_list #order_nav .page_limit > span {
          box-sizing: border-box;
          border: 1px solid #e3e3e3;
          display: inline-block;
          text-align: center;
          height: 31px;
          line-height: 31px;
          width: 31px;
          cursor: pointer; }
        #main_wrap .online_estimate .row_l > .product_list #order_nav .page_limit .active2 {
          box-sizing: border-box;
          border: 1px solid black; }
    #main_wrap .online_estimate .row_l > .product_list .item_for {
      margin-top: 10px;
      box-sizing: border-box;
      overflow-y: scroll;
      max-height: 635px;
      border-bottom: 1px solid #e3e3e3;
      border-top: 1px solid #e3e3e3; }
    #main_wrap .online_estimate .row_l > .product_list .item_for > .property_act {
      height: auto !important; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > .property_act .property {
        height: auto  !important;
        line-height: 15px !important; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > .property_act .more_pp {
        bottom: 30px !important;
        top: initial !important; }
    #main_wrap .online_estimate .row_l > .product_list .item_for > li {
      display: -ms-flexbox;
      display: flex;
      box-sizing: border-box;
      border: 1px solid #e3e3e3;
      border-bottom: 0px;
      padding: 18px;
      height: 107px;
      /*속성{ */
      /*속성}*/
      /* 속성더보기{ */
      /* } */
      /* 이벤트{ */
      /* } */ }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .thumb {
        margin-right: 10px; }
        #main_wrap .online_estimate .row_l > .product_list .item_for > li > .thumb img {
          width: 71px;
          height: 71px; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .info {
        -ms-flex: 0 0 404px;
        flex: 0 0 404px;
        position: relative; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .info .title {
        font-size: 12px;
        letter-spacing: -0.3px;
        font-weight: bold;
        margin-bottom: 7px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: nowrap;
        max-width: 404px; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .info .property {
        font-size: 12px;
        letter-spacing: -0.3px;
        color: #555555;
        position: relative;
        line-height: 13px;
        overflow-y: hidden;
        height: 24px;
        overflow-x: hidden; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .info .pp_group {
        position: relative; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .info .pp_group:not(:first-child) {
        padding-left: 10px; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .info .pp_group:not(:last-child):after {
        z-index: 1;
        color: #c3c3c3;
        content: '|';
        position: absolute;
        top: -1px;
        right: -5px;
        height: 11px; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .info .more_pp {
        display: none;
        cursor: pointer;
        position: absolute;
        z-index: 2;
        background: #fff;
        /* bottom: 23px; */
        right: 1px;
        font-weight: bold;
        padding-left: 10px;
        color: #000;
        top: 32px;
        /* right: -61px; */
        font-size: 12px;
        white-space: nowrap;
        left: 410px;
        letter-spacing: -0.8px; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .info .event {
        margin-top: 8px;
        min-width: 1px;
        min-height: 21px; }
      #main_wrap .online_estimate .row_l > .product_list .item_for > li > .price {
        -ms-flex: 1;
        flex: 1;
        text-align: right; }
        #main_wrap .online_estimate .row_l > .product_list .item_for > li > .price > div:first-of-type {
          font-size: 12px;
          color: #e11837;
          margin-top: 19px; }
        #main_wrap .online_estimate .row_l > .product_list .item_for > li > .price .money {
          font-family: Tahoma;
          font-size: 18px;
          font-weight: bold;
          letter-spacing: -0.18px; }
        #main_wrap .online_estimate .row_l > .product_list .item_for > li > .price > div:last-of-type {
          margin-top: 7px;
          cursor: pointer; }
    #main_wrap .online_estimate .row_l > .product_list .item_for > li:first-of-type {
      border-top: 0px; }
    #main_wrap .online_estimate .row_l > .product_list .page {
      height: 42px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      box-sizing: border-box;
      border: 1px solid #e3e3e3;
      border-top: 0px;
      font-family: Tahoma;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: -0.07px;
      color: #555555; }
      #main_wrap .online_estimate .row_l > .product_list .page > li {
        -ms-flex: 0 0 42px;
        flex: 0 0 42px;
        height: 42px;
        line-height: 42px;
        cursor: pointer;
        text-align: center; }
      #main_wrap .online_estimate .row_l > .product_list .page > li:not(:first-child) {
        margin-left: 8px; }
      #main_wrap .online_estimate .row_l > .product_list .page .now {
        color: #e11837;
        border-left: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3; }

#main_wrap .online_estimate .row_r {
  -ms-flex: 1;
  flex: 1;
  margin-left: 10px;
  /* 우측 카테고리 선택 { */
  /* 우측 카테고리 선택 } */ }
  #main_wrap .online_estimate .row_r > .top_info {
    position: relative;
    height: 225px;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    padding: 18px 28px; }
    #main_wrap .online_estimate .row_r > .top_info > p {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      line-height: 10px; }
      #main_wrap .online_estimate .row_r > .top_info > p > span {
        font-size: 12px;
        letter-spacing: -0.3px;
        color: #000000; }
      #main_wrap .online_estimate .row_r > .top_info > p > span:last-of-type {
        -ms-flex: 0 0 93px;
        flex: 0 0 93px;
        text-align: right; }
      #main_wrap .online_estimate .row_r > .top_info > p > span:nth-of-type(2) {
        -ms-flex: 1;
        flex: 1; }
      #main_wrap .online_estimate .row_r > .top_info > p > span:first-of-type {
        margin-right: 4px; }
    #main_wrap .online_estimate .row_r > .top_info > p:last-of-type {
      border-bottom: 2px solid #000; }
    #main_wrap .online_estimate .row_r > .top_info .red_price {
      margin-top: 13px;
      color: #e11837;
      text-align: right;
      width: 201px;
      float: right; }
      #main_wrap .online_estimate .row_r > .top_info .red_price > span:first-of-type {
        font-size: 12px;
        letter-spacing: -0.3px; }
      #main_wrap .online_estimate .row_r > .top_info .red_price > span:nth-of-type(2) {
        font-family: Tahoma;
        font-size: 18px;
        letter-spacing: -0.45px; }
      #main_wrap .online_estimate .row_r > .top_info .red_price > span:nth-of-type(3) {
        font-size: 12px;
        letter-spacing: -0.3px; }
    #main_wrap .online_estimate .row_r > .top_info .btn_list {
      margin-top: 11px;
      text-align: right; }
  #main_wrap .online_estimate .row_r > .selected {
    box-sizing: border-box;
    border: 1px solid #000;
    background-color: #f8f8f8;
    padding: 11px;
    margin-top: 10px; }
    #main_wrap .online_estimate .row_r > .selected .cate1 {
      box-sizing: border-box;
      border: 1px solid #000;
      cursor: pointer;
      height: 39px;
      margin-bottom: 10px;
      background-color: #fff;
      -ms-flex-align: center;
      align-items: center;
      position: relative; }
      #main_wrap .online_estimate .row_r > .selected .cate1 > span:first-of-type {
        -ms-flex: 1;
        flex: 1;
        padding-left: 15px;
        font-size: 12px;
        letter-spacing: -0.3px;
        font-weight: bold; }
      #main_wrap .online_estimate .row_r > .selected .cate1 > span:last-of-type {
        -ms-flex: 0 0 39px;
        flex: 0 0 39px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-left: 1px solid #e3e3e3;
        height: 100%; }
      #main_wrap .online_estimate .row_r > .selected .cate1 .open_cate1 {
        display: none;
        position: absolute;
        background-color: #fff;
        box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #000;
        width: 462px;
        z-index: 10;
        top: 37px;
        left: -1px; }
        #main_wrap .online_estimate .row_r > .selected .cate1 .open_cate1 > div {
          cursor: pointer;
          padding-left: 15px;
          font-size: 12px;
          letter-spacing: -0.3px;
          font-weight: bold;
          height: 39px;
          line-height: 39px; }
        #main_wrap .online_estimate .row_r > .selected .cate1 .open_cate1 > div:hover {
          background-color: #f1f1f1; }
    #main_wrap .online_estimate .row_r > .selected .cate2 {
      overflow-y: scroll;
      max-height: 712px;
      min-height: 300px; }
      #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_list:hover {
        color: #fff;
        background-color: #e11837; }
      #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_list {
        cursor: pointer;
        padding-left: 15px;
        font-size: 14px;
        letter-spacing: -0.35px;
        font-weight: bold;
        height: 39px;
        line-height: 39px;
        box-sizing: border-box;
        border: 1px solid #e3e3e3;
        background-color: #fff; }
      #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_list:not(:first-child) {
        margin-top: 5px; }
      #main_wrap .online_estimate .row_r > .selected .cate2 .cate2_selected {
        background-color: #fff;
        padding: 7px 15px;
        box-sizing: border-box;
        border: 1px solid #e3e3e3;
        border-top: 0px;
        -ms-flex-align: center;
        align-items: center; }
      #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_selected .title {
        -ms-flex: 0 0 223px;
        flex: 0 0 223px;
        font-size: 12px;
        letter-spacing: -0.12px;
        margin-right: 29px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 223px; }
      #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_selected .cnt {
        box-sizing: border-box;
        border: 1px solid #e3e3e3;
        -ms-flex: 0 0 49px;
        flex: 0 0 49px; }
        #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_selected .cnt input[type="text"] {
          background-color: #f1f1f1;
          width: 35px;
          height: 26px;
          line-height: 26px;
          border: 0px;
          padding-left: 5px;
          padding-right: 5px; }
        #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_selected .cnt .caret {
          width: 14px; }
          #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_selected .cnt .caret > div {
            height: 13px;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            display: -ms-flexbox;
            display: flex;
            cursor: pointer; }
          #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_selected .cnt .caret > div:first-of-type {
            border-bottom: 1px solid #e3e3e3; }
          #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_selected .cnt .caret > div:hover {
            color: #e11837; }
      #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_selected .price {
        -ms-flex: 1;
        flex: 1;
        padding-right: 15px;
        text-align: right;
        font-size: 12px;
        font-weight: bold; }
      #main_wrap .online_estimate .row_r > .selected .cate2 > .cate2_selected .del {
        cursor: pointer; }
    #main_wrap .online_estimate .row_r > .selected .cate3 {
      background-color: #fff;
      box-sizing: border-box;
      border: 1px solid #e3e3e3;
      border-top: 0px;
      font-size: 12px;
      letter-spacing: -0.3px;
      padding: 1.5px 15px 11.5px 15px; }
      #main_wrap .online_estimate .row_r > .selected .cate3 > span {
        display: inline-block;
        cursor: pointer;
        position: relative; }
      #main_wrap .online_estimate .row_r > .selected .cate3 > span {
        margin-top: 10px; }
      #main_wrap .online_estimate .row_r > .selected .cate3 > span:not(:last-child) {
        margin-right: 30px; }
      #main_wrap .online_estimate .row_r > .selected .cate3 .check {
        color: #fff;
        z-index: 1; }
      #main_wrap .online_estimate .row_r > .selected .cate3 .check:before {
        content: '';
        background-color: #e11837;
        position: absolute;
        top: -3px;
        z-index: -1;
        width: 100%;
        border-radius: 11.5px;
        height: 22px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10px;
        left: 0; }
      #main_wrap .online_estimate .row_r > .selected .cate3 .check:hover:after {
        content: url("/asset/img/usr/product/p_close.png");
        position: absolute;
        z-index: 5;
        cursor: pointer;
        margin-top: -5px; }

.pay_hidden_box {
  display: none;
  position: absolute;
  z-index: 13;
  background: #fff;
  border: 1px solid #000;
  padding: 15px;
  text-align: center;
  top: 171px;
  width: 274px;
  left: 211px;
  font-weight: bold; }

.pay_hidden_box > div:first-of-type {
  cursor: pointer;
  text-align: right; }

.pay_hidden_box > div:nth-of-type(2) {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: bold; }

.pay_hidden_box > div:last-of-type {
  color: #fff;
  background-color: #343b47;
  cursor: pointer;
  padding: 15px;
  font-size: 14px; }
