@charset "utf-8";

/*
 * File : sub.css
 * 서브페이지 레이아웃 css
 */



/* **************************************** *
 * SEARCH INFO
 * **************************************** */
/* add.css */
.info-wrap .content-right .result-text span.result-name { font-size: 18px; font-weight: 500; color: var(--black-color); width: 70%; height : 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 16px; box-sizing: border-box; }  
.info-wrap .content-right .result-text span.result-count { font-size: 16px; font-weight: 700; color: var(--black-color); width: 30%; padding-right: 16px; box-sizing: border-box; text-align: right; } 

/* 20240813 추가 */
.info-wrap { max-width: 1200px; margin: 0 auto; padding: 80px 20px 100px; } 
.search-wrap { width: 100%; padding-top: 60px; max-width: 800px; margin: 0 auto; } 
.search-left h2 { text-align: center; font-size: 28px; } 
.search-left input[type="button"] { margin-top: 16px; color: var(--red-color); cursor: pointer; width: 100%; text-align: right; background: none; text-decoration: underline; font-size: 15px; } 
.search-left form { position: relative; } 
.search-left input[type="search"] { background: var(--white-color); border-radius: 50px; color: var(--black-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding: 0px 0px 0px 20px; height: 50px; border: 2px solid var(--red-color); font-size: 16px; line-height: 28px; color: var(--black-color); } 
.search-left input[type="search"]::placeholder { color: var(--grey-color-01); font-size: 16px; width: 50%; overflow: hidden; text-overflow: ellipsis; } 
.search-left .search_btn { position: absolute; right: 20px; top: 11px; } 
.search-left .search_btn img { width: 24px; height: 24px; } 
.search-right { display: flex; gap: 10px; justify-content: center; margin-top: 40px; } 
.search-right button { font-size: 18px; color: var(--black-color); padding: 10px 20px; border: 1px solid var(--grey-color-02); } 
.info-wrap.search button.map-bt { border: 2px solid var(--red-color); color: var(--red-color); font-weight: bold; } 
.info-wrap.deal button.list-bt { border: 2px solid var(--red-color); color: var(--red-color); font-weight: bold; } 
.info-wrap.top10 button.rank-bt { border: 2px solid var(--red-color); color: var(--red-color); font-weight: bold; margin-top: 0 !important; } 
.conbox.con-search-map { padding: 0; } 
.content-wrap { margin-top: 40px; } 
.conbox-title { font-size: 20px; } 
.content-inner { display: flex; gap: 10px; margin-top: 10px; } 
.content-inner > div { width: calc(100% - 10px  / 2); } 
.content-right .con-search-text { width: 100%; height: 100%; max-height: 584px; padding: 20px; overflow: auto; box-sizing: border-box; border: 1px solid var(--grey-color-02); cursor: pointer; padding-bottom: 0; position: static; margin: 8px 8px 8px 0; } 
.content-right .result-text { display: flex; } 
.content-right .result-text:not(:first-child) { margin-top: 20px; } 
.content-right .result-text a { color: #666; } 



/* **************************************** *
 * DEAL LIST
 * **************************************** */
.top_col { border: 2px solid var(--grey-color-02); padding: 10px; text-align: center; border-radius: 8px; margin: 0 auto 30px; max-width: 800px; } 
.search_detail { padding: 20px 0; } 
.txt_w { display: inline-block; font-size: 16px; } 
.search_detail input, .search_detail select { height: 40px; width: 200px; font-size: 14px; border: 1px solid var(--grey-color-02); padding: 0 16px; } 
.search_detail_item { display: flex; align-items: center; margin-bottom: 10px; } 
.search_detail_item_label { width: 100px; } 
.search_detail_item_input { display: flex; align-items: center; width: calc(100% - 100px); } 
.search_detail_item_input span { padding: 0 10px; white-space: nowrap; } 
.ui-datepicker-trigger img { width: 40px; height: 40px; } 
.search_detail_item_input .ui-datepicker-trigger { margin-left: 5px; } 
.search_detail_btn { display: flex; gap: 10px; justify-content: center; } 
.search_detail_btn button { width: 200px; background: #f1f1f1; padding: 8px; } 
.search_detail_btn button.search_btn { background: var(--red-color); color: var(--white-color); } 
.top_col.mark .btn_wrap3 .btn3_1 { border: 1px solid var(--grey-color-02); background-color: #F9F9F9; font-weight: 500; font-size: 16px; color: var(--black-color); width: 200px; height: 50px; margin: 0 auto; } 

.bookmark_table { margin-top: 20px; min-width: 600px; } 
.bookmark_table tr { border-bottom: 1px solid var(--grey-color-02); } 
.bookmark_table tr.tit_border { background: var(--grey-color-01); border-top: 1px solid var(--grey-color-02); border-bottom: 1px solid var(--grey-color-02); } 
.bookmark_table tr.tit_border th { padding: 10px 0; color: var(--white-color); } 
.bookmark_table tr td { padding: 10px; text-align: center; } 
.bookmark_table tr td .img_box { width: 150px; height: 150px; } 
.bookmark_table tr td .img_box img { width: 100%; height: 100%; object-fit: cover; } 

.info-wrap .paging li { margin: 0 12px; } 



/* **************************************** *
 * PRICE TOP 10
 * **************************************** */
 /* add2.css */
 .broker_wrap .top10_wrap { width:100%; } 
 .broker_wrap .top10_wrap .top10_boxwrap { width:49%; display: inline-block; float: left; font-family: "Noto Sans KR",sans-serif; } 
 
 .broker_wrap .top10_wrap .top10_title { text-align: center; font-weight: 500; font-size: 160%; color: var(--red-color); }
 .broker_wrap .top10_wrap .top10_table {  margin-left: auto; margin-right: auto;}
 .top10_wrap .top10_table tr th { height: 40px; background-color: var(--grey-color-01); color: var(--white-color); border: 1px solid var(--grey-color-02); font-size: 14px; } 
 .top10_wrap .top10_table tbody tr { border-bottom: 1px solid var(--grey-color-02); } 
 .top10_wrap .top10_table tbody tr td:nth-child(1) { text-align: center; height: 30px; border-left: none; border-right: 1px solid var(--grey-color-02); } 
 .top10_wrap .top10_table tbody tr td:nth-child(2) {  text-align: left; border-right: 1px solid var(--grey-color-02); } 
 .top10_wrap .top10_table tbody tr td:nth-child(3) {  text-align: center; border-right: 1px solid var(--grey-color-02); } 
 .top10_wrap .top10_table tbody tr td:nth-child(4) {  text-align: right; border-right: 1px solid var(--grey-color-02); } 
 .top10_wrap .top10_table tbody tr td:nth-child(5) {  text-align: right; border-right: 1px solid var(--grey-color-02); }
 .top10_wrap .top10_table tbody tr td:nth-child(6) {  text-align: right; border-right: 1px solid var(--grey-color-02); }
 .top10_wrap .top10_table tbody tr td:last-child { text-align: center; border-right: none; } 

/* 20240813 추가 */
.type_munu { display: flex; gap: 8px; justify-content: center; margin-bottom: 20px; } 
.type_munu li:not(:last-child) { width: 100px; height: 40px; padding: 0px 20px; background: #eee; border-radius: 50px; font-size: 17px; line-height: 40px; text-align: center; cursor: pointer; } 
.type_munu li.active1, .type_munu li.active2, .type_munu li.active3 { background: var(--red-color); color: var(--white-color); } 
.type_munu li select { width: 170px; height: 40px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); padding: 0 15px; border-radius: 5px; font-size: 15px; line-height: 40px; } 
.top10_wrap { display: grid; grid-template-columns: 1fr 1fr; margin-top: 20px; gap: 60px 50px; } 
.top10_title { font-size: 19px; font-weight: bold; color: var(--red-color); margin-bottom: 12px; text-align: center; } 
.top10_table { width: 100%; } 
.top10_desc { text-align: end; margin-top: 40px; font-size: 14px; } 
.top10_desc p { color: #0040FF; } 
.top10_desc .top10_desc_red span { color: var(--red-color); } 
.top10_desc .top10_desc_line span { text-decoration: line-through; } 



/* **************************************** *
 * INFO - 공통
 * **************************************** */
/* add.css */
.info-wrap .content-member .right-list { width: 100%; height: 44px; display: flex; justify-content: space-between; } 
.info-wrap .content-member .right-list li:hover { color: var(--red-color); font-weight: 700; } 
.info-wrap .content-member .right-list li:hover .list-line { background-color: var(--red-color); } 
.info-wrap .content-member .right-list li .list-line { position: absolute; width: 100%; height: 2px; bottom: 0; right: 0; background-color: var(--white-color); box-shadow: 0 2px 5px rgba(0, 0, 0, .16); } 
.info-wrap .content-member .right-list li.active { color: var(--red-color); font-weight: 700; } 
.info-wrap .content-member .right-list li.active .list-line { background-color: var(--red-color); } 

.info-wrap .content-broker { width: calc(50% - 22.5px); height: auto; position: relative; display: none; } 
.info-wrap .content-broker .broker-list { width: 100%; height: 44px; display: flex; justify-content: space-between; } 
.info-wrap .content-broker .broker-list li { width: 25%; display: flex; justify-content: center; align-items: center; position: relative; font-family: "Noto Sans KR",sans-serif; font-size: 18px; color: var(--black-color); cursor: pointer; } 
.info-wrap .content-broker .broker-list li:hover { color: var(--red-color); font-weight: 700; } 
.info-wrap .content-broker .broker-list li:hover .list-line { background-color: var(--red-color); } 
.info-wrap .content-broker .broker-list li .list-line { position: absolute; width: 100%; height: 2px; bottom: 0; right: 0; background-color: var(--white-color); box-shadow: 0 2px 5px rgba(0, 0, 0, .16); } 
.info-wrap .content-broker .broker-list li.active { color: var(--red-color); font-weight: 700; } 
.info-wrap .content-broker .broker-list li.active .list-line { background-color: var(--red-color); } 

/* 20240813 추가 */
.info-title-wrap { display: flex; gap: 10px; } 
.info-title-wrap .title-text { font-size: 28px; } 
.info-title-wrap .title-image { width: 26px; height: 26px; transform: translateY(9px); } 
.info .content-inner { gap: 60px; } 

.info-wrap .content-tab li { font-size: 18px; line-height: 44px; text-align: center; color: var(--black-color); cursor: pointer; border-bottom: 1px solid var(--grey-color-02); } 
.info-wrap .content-tab li.active { border-bottom: 2px solid var(--red-color); } 

.info .content-left { width: 60%; position: relative; } 
.info .content-right { width: 40%; } 
.content-tab.right-list li { width: 25%; } 
.info .content-left::after { position: absolute; top: 60px; right: -30px; width: 1px; height: 100%; content: ''; background: #eee; } 
.content-tab.left-list li { width: 20%; } 
.conbox { padding: 30px 0px; } 
.info-wrap .conbox table { width: 100%; /*min-width: 600px;*/ height: auto; text-align: center; } 
.info-wrap .conbox table tr td { word-break: keep-all; height: 50px; box-sizing: border-box; color: var(--black-color); font-size: 15px; } 



/* **************************************** *
 * INFO - 기본정보 탭
 * **************************************** */
/* add.css */
.info-wrap .content-left .left-list { width: 100%; height: 44px; display: flex; justify-content: space-between; } 
.info-wrap .content-left .left-list li:hover { color: var(--red-color); font-weight: 700; } 
.info-wrap .content-left .left-list li:hover .list-line { background-color: var(--red-color); } 
.info-wrap .content-left .left-list li .list-line { position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: var(--white-color); box-shadow: 0 2px 5px rgba(0, 0, 0, .16); } 
.info-wrap .content-left .left-list li.active { color: var(--red-color); font-weight: 700; } 
.info-wrap .content-left .left-list li.active .list-line { background-color: var(--red-color); } 
.info-wrap .conbox .conbox-title { font-family: "Noto Sans KR",sans-serif; font-size: 1.75rem; color: var(--black-color); display: none; } 
.info-wrap .content-left .conbox-image { width: 100%; height: 479px; margin-top: 29px; display: flex; justify-content: space-around; } 
.info-wrap .content-left .conbox-image .left-box { width: 347px; height: 100%; } 
.info-wrap .content-left .conbox-image .right-box { width: 140px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; text-align: center; } 
.info-wrap .content-left .conbox-image .right-box .right-slide-wrap { width: 100%; height: 439px; overflow: hidden; position: relative; } 
.info-wrap .content-left .conbox-image .right-box .right-list { width: 100%; height: 106.473594548552%; position: absolute; left: 0; top: 0; } 
.info-wrap .content-left .conbox-image .right-box .right-list li { width: 72%; height: 142px; cursor: pointer; display: inline-block; margin: 0 auto; text-align: center; } 
.info-wrap .content-left .conbox-image .right-box .right-list li:last-child { margin-bottom: 0; } 
.info-wrap .content-left .conbox-image .right-box .move-bt { display: flex; justify-content: center; align-items: center; cursor: pointer; } 
.info-wrap .content-left .conbox-image .right-box .move-bt.up-bt { margin-bottom: 10px; } 
.info-wrap .content-left .conbox-image .right-box .move-bt.up-bt img { width: 10%; } 
.info-wrap .content-left .conbox-image .right-box .move-bt.down-bt { margin-top: 10px; } 
.info-wrap .content-left .conbox-image .right-box .move-bt.down-bt img { width: 10%; } 
.info-wrap .content-left .conbox-image .right-box .move-bt:hover { transform: scale(1.1); } 
.info-wrap .content-left .conbox-text { width: 100%; margin-top: 20px; } 
.info-wrap .content-left .conbox-text dl { display: flex; padding: 12px 0; border-bottom: 1px solid var(--grey-color-02); width: 100%; } 
.info-wrap .content-left .conbox-text dl:first-child { border-top: 1px solid var(--grey-color-02); } 
.info-wrap .content-left .conbox-text dl dd { font-family: "Noto Sans KR",sans-serif; font-size: 16px; font-weight: 400; color: var(--black-color); display: flex; align-items: center; white-space:normal; word-break: break-all; width: calc(100% - 230px); } 
.info-wrap .content-left .reconst-bt { margin-top: 20.5px; margin-bottom: 20px; float: right; width: 180px; height: 50px; border: 1px solid var(--black-color); box-sizing: border-box; background-color: #F8F8F8; font-family: "Noto Sans KR",sans-serif; font-size: 18px; color: var(--black-color); font-weight: 500; } 
.info-wrap .content-left .reconst-bt:hover { background-color: var(--black-color); color: #f8f8f8; } 
.info-wrap .content-left .reconst-list { clear: both; width: 100%; background-color: #F8F8F8; color: var(--black-color); display: none; } 
.info-wrap .content-left .reconst-list dl { width: 100%; display: flex; border: 2px solid var(--grey-color-02); border-left: none; border-right: none; padding: 5px 0; font-family: "Noto Sans KR",sans-serif; font-size: 16px; color: var(--black-color); text-align: center; } 
.info-wrap .content-left .reconst-list dl dt { width: 41.17647058823529%; font-weight: 700; } 

/* 20240813 추가 */
.info-wrap .content-left .conbox-text { margin-top: 40px; } 
.info-wrap .content-left .conbox-text h3 { font-size: 15px; } 
.info-wrap .content-left .conbox-text p { font-size: 15px; } 
.info-wrap .content-left .conbox-text dl dt { width: 230px; font-size: 15rem; font-weight: 700; color: var(--black-color); display: flex; align-items: center; } 



/* **************************************** *
 * INFO - 실거래가 탭
 * **************************************** */
/* add.css */
.info-wrap .con-actprice { width: 100%; height: auto; left: 0; top: 0; display: none; } 
.info-wrap .con-actprice .trade-filter .left-box { width: 45.29411764705882%; height: 100%; } 
.info-wrap .con-actprice .trade-filter .right-box select::-ms-expand { display: none; } 
.info-wrap .con-actprice .trade-filter .right-box select:focus { outline:none; } 

.info-wrap .con-actprice .actprice-graph { width: 100%; margin-top: 10px; display: flex; } 
.info-wrap .con-actprice .actprice-graph .left-box { width: 8%; height: 270px; position: relative; } 
.info-wrap .con-actprice .actprice-graph .left-box .y-val { position: absolute; left: 0; right: 0; margin: auto; font-size: 12px; color: #333; } 
.info-wrap .con-actprice .actprice-graph .left-box .y-val:last-child { bottom: 0 !important; width: 65px; font-size: 10px; left: -10px; } 
.info-wrap .con-actprice .actprice-graph .left-box .y-val.b5 { bottom: 5%; } 
.info-wrap .con-actprice .actprice-graph .left-box .y-val.b25 { bottom: 25%; } 
.info-wrap .con-actprice .actprice-graph .left-box .y-val.b45 { bottom: 45%; } 
.info-wrap .con-actprice .actprice-graph .left-box .y-val.b65 { bottom: 65%; } 
.info-wrap .con-actprice .actprice-graph .left-box .y-val.b85 { bottom: 85%; } 
.info-wrap .con-actprice .actprice-graph .right-box { width: 90%; height: 270px; margin-bottom: 30px; position: relative; border-left: 1px solid var(--black-color); border-bottom: 1px solid var(--black-color); display: flex; flex-wrap: nowrap; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val { width: 10%; height: 100%; margin: 0 2px; position: relative; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .x-month { position: absolute; left: 0; right: 0; margin: auto; bottom: -32px; font-size: 10px; text-align: center; word-break: keep-all; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot { width: 3px; height: 3px; border-radius: 100px; background-color: var(--red-color); position: absolute; left: 0; right: 0; margin: auto; bottom: 0; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot_mob { width: 1px; height: 1px; border-radius: 10px; background-color: var(--red-color); position: absolute; left: 0; right: 0; margin: auto; bottom: 0; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b10 { bottom: 10%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b20 { bottom: 20%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b30 { bottom: 30%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b40 { bottom: 40%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b50 { bottom: 50%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b60 { bottom: 60%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b70 { bottom: 70%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b80 { bottom: 80%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b90 { bottom: 90%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.btop { bottom: 120%; } 
.info-wrap .con-actprice .actprice-graph .right-box .x-val .dot.b100 { bottom: calc(100% - 6px); } 

.info-wrap .con-actprice .actprice-table { width: 100%; height: auto; margin-top: 20px; } 
.info-wrap .con-actprice .actprice-table table { width: 100%; height: auto; min-width: 450px; /*table_layout: fixed;*/ } 
.info-wrap .con-actprice .actprice-table table tr { width: 100%; height: 60px; text-align: center; border-bottom: 1px solid var(--grey-color-02); display: none; } 
.info-wrap .con-actprice .actprice-table table tbody { width: 100%; } 

.info-wrap .con-actprice .actprice-table table tr th:nth-child(1) { width: 17.64705882352941%; } 
.info-wrap .con-actprice .actprice-table table tr th:nth-child(2) { width: 17.64705882352941%; } 
.info-wrap .con-actprice .actprice-table table tr th:nth-child(3) { width: 24.11764705882353%; } 
.info-wrap .con-actprice .actprice-table table tr th:nth-child(4) { width: 14.70588235294118%; } 
.info-wrap .con-actprice .actprice-table table tr th:nth-child(5) { width: 25.88235294117647%; } 

.info-wrap .con-actprice .actprice-table table tbody.common tr td:nth-child(1) { width: 17.64705882352941%; text-align: left; } 
.info-wrap .con-actprice .actprice-table table tbody.common tr td:nth-child(2) { width: 17.64705882352941%; }
.info-wrap .con-actprice .actprice-table table tbody.common tr td:nth-child(3) { width: 24.11764705882353%; } 
.info-wrap .con-actprice .actprice-table table tbody.common tr td:nth-child(4) { width: 14.70588235294118%; } 
.info-wrap .con-actprice .actprice-table table tbody.common tr td:nth-child(5) { width: 25.88235294117647%; } 

.info-wrap .con-actprice .actprice-table table tr.jeonse { display: none; } 
.info-wrap .con-actprice .actprice-table table tr.show { display: inline-table; } 

.info-wrap .con-actprice .actprice-table table tr.monthly th:nth-child(1) { width: 14.70588235294118%; /* pc기준 100px */}
.info-wrap .con-actprice .actprice-table table tr.monthly th:nth-child(2) { width: 17.23529411764706%; /* pc기준 90px */}
.info-wrap .con-actprice .actprice-table table tr.monthly th:nth-child(3) { width: 17.73529411764706%; /* pc기준 141px */}
.info-wrap .con-actprice .actprice-table table tr.monthly th:nth-child(4) { width: 11.61764705882353%; /* pc기준 179px */}
.info-wrap .con-actprice .actprice-table table tr.monthly th:nth-child(5) { width: 21.05882352941176%; /* pc기준 150px */}
.info-wrap .con-actprice .actprice-table table tr.monthly th:nth-child(6) { width: 17.64705882352941%; /* pc기준 120px */}
.info-wrap .con-actprice .actprice-table table tbody.monthly tr td:nth-child(1) { width: 14.70588235294118%; text-align: left; } 
.info-wrap .con-actprice .actprice-table table tbody.monthly tr td:nth-child(2) { width: 17.23529411764706%; } 
.info-wrap .con-actprice .actprice-table table tbody.monthly tr td:nth-child(3) { width: 17.73529411764706%; } 
.info-wrap .con-actprice .actprice-table table tbody.monthly tr td:nth-child(4) { width: 11.61764705882353%; } 
.info-wrap .con-actprice .actprice-table table tbody.monthly tr td:nth-child(5) { width: 21.05882352941176%; } 
.info-wrap .con-actprice .actprice-table table tbody.monthly tr td:nth-child(6) { width: 17.64705882352941%; } 
.rprice_tb_left1 { 
    cursor: pointer; width : 120px; /* 너비는 변경될수 있습니다. */
    white-space : nowrap; /* 줄바꿈을 하지 않습니다. */
    overflow : hidden; /* 내용이 길면 감춤니다 */
    text-overflow: ellipsis; /* 위에 설정한 100px 보다 길면 말줄임표처럼 표시합니다. */
    display : block; /* ie6이상 현재요소를 블럭처리합니다. */
}
   
.rprice_tb_left2 { 
    cursor: pointer; width : 100px; /* 너비는 변경될수 있습니다. */
    white-space : nowrap; /* 줄바꿈을 하지 않습니다. */
    overflow : hidden; /* 내용이 길면 감춤니다 */
    text-overflow: ellipsis; /* 위에 설정한 100px 보다 길면 말줄임표처럼 표시합니다. */
    display : block; /* ie6이상 현재요소를 블럭처리합니다. */
}
.info-wrap .con-actprice .actprice-table table tbody tr td { border-right: 1px solid var(--grey-color-02); color: var(--black-color); } 
.info-wrap .con-actprice .actprice-table table tbody tr td:last-child { border-right: none; } 
.info-wrap .con-actprice .actprice-table button { width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; color: var(--black-color); border-bottom: 1px solid var(--grey-color-02); } 
.info-wrap .con-actprice .actprice-table button.view-cancle-bt { display: none; } 
.info-wrap .con-actprice .actprice-table button.view-more-bt.jeonse { display: none; } 
.info-wrap .con-actprice .actprice-table button.view-cancle-bt.jeonse { display: none; } 
.info-wrap .con-actprice .actprice-table button.view-more-bt.monthly { display: none; } 
.info-wrap .con-actprice .actprice-table button.view-cancle-bt.monthly { display: none; } 
   
/* 20240813 추가 */
.info-wrap .con-actprice .trade-filter { width: 100%; display: flex; justify-content: space-between; } 
.info-wrap .con-actprice .trade-filter .right-box select { width: auto; min-width: 100px; height: 40px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); padding: 0 15px; border-radius: 5px; font-size: 15px; line-height: 40px; float: right; margin-bottom: 20px; background: url(../image/sub/select_bt.png) no-repeat 95% 50%; background-size: 20px 16px; } 
.info-wrap .con-actprice .trade-filter .left-box { display: flex; gap: 5px; } 
.info-wrap .con-actprice .trade-filter .left-box ul { gap: 8px; display: flex; justify-content: space-between; } 
.info-wrap .con-actprice .trade-filter .left-box ul li { width: 80px; height: 40px; padding: 0px 20px; background: #eee; border-radius: 50px; font-size: 17px; line-height: 40px; text-align: center; cursor: pointer; white-space: nowrap; } 
.info-wrap .con-actprice .trade-filter .left-box ul li.active { color: var(--white-color); background: var(--red-color); } 
.info-wrap .con-actprice .trade-filter .right-box { display: flex; gap: 5px; } 
.info-wrap .con-actprice .actprice-change { margin-top: 40px; } 
.info-wrap .con-actprice .actprice-change h3 { font-size: 20px; font-weight: 700; color: var(--black-color); } 
.info-wrap .con-actprice .actprice-change p.change-desc { margin-top: 10px; font-size: 14px; color: var(--black-color); } 
.info-wrap .con-actprice .actprice-change .flex-add-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } 
.info-wrap .con-actprice .actprice-table .top10_desc { margin-top: 10px; } 
.info-wrap .con-actprice .actprice-table table thead tr th { background-color: var(--grey-color-01); color: var(--white-color); font-size: 14px; font-weight: 500; border-right: 1px solid var(--grey-color-02); border-top: 1px solid var(--grey-color-02); } 
.info-wrap .con-actprice .actprice-change table thead tr th { height: 40px; background-color: var(--grey-color-01); color: var(--white-color); font-size: 15px; font-weight: 500; border-right: 1px solid var(--grey-color-02); border-top: 1px solid var(--grey-color-02); } 
.info-wrap .con-actprice .actprice-change table tr td { border-right: none; }



/* **************************************** *
 * INFO - 교육환경 탭
 * **************************************** */
/* add.css */
.info-wrap .con-school { width: 100%; height: auto; left: 0; top: 0; display: none; } 
.info-wrap .con-school .school-level { margin-top: 11px; display: flex; } 
.info-wrap .con-school .school-level li { display: flex; align-items: center; margin-right: 20px; } 
.info-wrap .con-school .school-level input[type="checkbox"] { display: none; } 
.info-wrap .con-school .school-level input[type="checkbox"] + label { display: inline-block; width: 24px; height: 24px; border: 2px solid var(--grey-color-02); background-color: var(--white-color); margin-right: 6px; } 
.info-wrap .con-school .school-level input[type="checkbox"]:checked + label { background:url('../image/sub/checked_box.png') center no-repeat; background-size: cover; border: none; } 
.info-wrap .con-school .school-level span { font-family: "Noto Sans KR",sans-serif; font-size: 18px; color: var(--black-color); } 
.around_apt_tc { 
    cursor: pointer; width : 120px; /* 너비는 변경될수 있습니다. */
    white-space : nowrap; /* 줄바꿈을 하지 않습니다. */
    overflow : hidden; /* 내용이 길면 감춤니다 */
    text-overflow: ellipsis; /* 위에 설정한 100px 보다 길면 말줄임표처럼 표시합니다. */
    display : block; /* ie6이상 현재요소를 블럭처리합니다. */
    text-align: left; 
} 
.around_apt_gh { 
    cursor: pointer; width : 150px; /* 너비는 변경될수 있습니다. */
    white-space : nowrap; /* 줄바꿈을 하지 않습니다. */
    overflow : hidden; /* 내용이 길면 감춤니다 */
    text-overflow: ellipsis; /* 위에 설정한 100px 보다 길면 말줄임표처럼 표시합니다. */
    display : block; /* ie6이상 현재요소를 블럭처리합니다. */
    text-align: left; 
} 
.info-wrap .con-school .school-distance table.elementary tr th:nth-child(1) { width: 26.47058823529412%; } 
.info-wrap .con-school .school-distance table.elementary tr th:nth-child(2) { width: 13.23529411764706%; } 
.info-wrap .con-school .school-distance table.elementary tr th:nth-child(3) { width: 13.23529411764706%; } 
.info-wrap .con-school .school-distance table.elementary tr th:nth-child(4) { width: 13.23529411764706%; } 
.info-wrap .con-school .school-distance table.elementary tr th:nth-child(5) { width: 20.58823529411765%; } 
.info-wrap .con-school .school-distance table.elementary tr th:nth-child(6) { width: 13.23529411764706%; border-right: none; } 
.info-wrap .con-school .school-distance table tr td { word-break: keep-all; height: 60px; border-right: 1px solid var(--grey-color-02); box-sizing: border-box; color: var(--black-color); font-size: 14px; } 
.info-wrap .con-school .school-distance table tr td:last-child { border-right: none; } 
.info-wrap .con-school .school-distance table tbody tr { border-bottom: 1px solid var(--grey-color-02); } 
.info-wrap .con-school .school-distance table.kinder tr th:nth-child(1) { width: 19.11764705882353%; } 
.info-wrap .con-school .school-distance table.kinder tr th:nth-child(2) { width: 11.76470588235294%; } 
.info-wrap .con-school .school-distance table.kinder tr th:nth-child(3) { width: 20.58823529411765%; } 
.info-wrap .con-school .school-distance table.kinder tr th:nth-child(4) { width: 8.82352941176471%; } 
.info-wrap .con-school .school-distance table.kinder tr th:nth-child(5) { width: 8.82352941176471%; } 
.info-wrap .con-school .school-distance table.kinder tr th:nth-child(6) { width: 8.82352941176471%; } 
.info-wrap .con-school .school-distance table.kinder tr th:nth-child(7) { width: 8.82352941176471%; } 
.info-wrap .con-school .school-distance table.kinder tr th:nth-child(8) { width: 13.23529411764706%; border-right: none; } 
.info-wrap .con-school .school-distance table.baby tr th:nth-child(1) { width: 16.17647058823529%; border-left: none; } 
.info-wrap .con-school .school-distance table.baby tr th:nth-child(2) { width: 7.35294117647059%; } 
.info-wrap .con-school .school-distance table.baby tr th:nth-child(3) { width: 7.35294117647059%; } 
.info-wrap .con-school .school-distance table.baby tr th:nth-child(4) { width: 7.35294117647059%; } 
.info-wrap .con-school .school-distance table.baby tr th:nth-child(5) { width: 8.82352941176471%; } 
.info-wrap .con-school .school-distance table.baby tr th:nth-child(6) { width: 8.82352941176471%; } 
.info-wrap .con-school .school-distance table.baby tr th:nth-child(7) { width: 10.29411764705882%; } 
.info-wrap .con-school .school-distance table.baby tr th:nth-child(8) { width: 20.58823529411765%; } 
.info-wrap .con-school .school-distance table.baby tr th:nth-child(9) { width: 13.23529411764706%; border-right: none; } 
.info-wrap .con-school .school-distance table.elementary { display: inline-table; } 
.info-wrap .con-school .school-distance table.kinder { display: inline-table; } 
.info-wrap .con-school .school-distance table.baby { display: inline-table; min-width: 500px; } 

.info-wrap .paging li { margin: 0 15px; cursor: pointer; } 
.info-wrap .paging li.prev-bt { margin-right: 20px; } 
.info-wrap .paging li.next-bt { margin-left: 20px; } 
.info-wrap .paging li.num.active { color: var(--red-color); font-weight: 700; } 

/* 20240813 추가 */
.info-wrap .con-school table tr th { height: 46px; background-color: var(--grey-color-01); color: var(--white-color); border: 1px solid var(--grey-color-02); box-sizing: border-box; font-size: 14px; line-height: 16px; } 
.info-wrap .con-school .school-tap { float: left; display: flex; gap: 8px; margin-bottom: 10px; } 
.info-wrap .con-school .school-tap li { width: 100px; height: 40px; padding: 0px 20px; background: #eee; border-radius: 50px; font-size: 17px; line-height: 40px; text-align: center; cursor: pointer; white-space: nowrap; } 
.info-wrap .con-school .school-tap li.active { color: var(--white-color); background: var(--red-color); } 
.info-wrap .con-school .school-distance { margin-top: 26px; } 
.info-wrap .con-school .school-distance p.text { text-align: right; font-size: 15px; font-weight: 500; color: #888888; } 



/* **************************************** *
 * INFO - 종합병원 탭
 * **************************************** */
/* add.css */
.info-wrap .con-hospital { width: 100%; height: auto; left: 0; top: 0; display: none; } 

.info-wrap .con-hospital .hospital-level { margin-top: 11px; display: flex; } 
.info-wrap .con-hospital .hospital-level li { display: flex; align-items: center; margin-right: 20px; } 
.info-wrap .con-hospital .hospital-level input[type="checkbox"] { display: none; } 
.info-wrap .con-hospital .hospital-level input[type="checkbox"] + label { display: inline-block; width: 24px; height: 24px; border: 2px solid var(--grey-color-02); background-color: var(--white-color); margin-right: 6px; } 
.info-wrap .con-hospital .hospital-level input[type="checkbox"]:checked + label { background:url('../image/sub/checked_box.png') center no-repeat; background-size: cover; border: none; } 
.info-wrap .con-hospital .hospital-level span { font-family: "Noto Sans KR",sans-serif; font-size: 18px; color: var(--black-color); } 

//.info-wrap .con-hospital .hospital-map { width: 100%; height: 340px; /*background: url('../image/sub/map_exam.png') center no-repeat; background-size: cover; */}
.info-wrap .con-hospital .hospital-distance table tr th:nth-child(1) { width: 29.41176470588235%; border-left: none; } 
.info-wrap .con-hospital .hospital-distance table tr th:nth-child(2) { width: 11.76470588235294%; } 
.info-wrap .con-hospital .hospital-distance table tr th:nth-child(3) { width: 11.76470588235294%; } 
.info-wrap .con-hospital .hospital-distance table tr th:nth-child(4) { width: 11.76470588235294%; } 
.info-wrap .con-hospital .hospital-distance table tr th:nth-child(5) { width: 23.52941176470588%; } 
.info-wrap .con-hospital .hospital-distance table tr th:nth-child(6) { width: 11.76470588235294%; border-right: none; } 
.info-wrap .con-hospital .hospital-distance table tr td:last-child { border-right: none; } 
.info-wrap .con-hospital .hospital-distance table tbody tr { border-bottom: 1px solid var(--grey-color-02); }
.info-wrap .con-hospital .hospital-distance table { min-width: 500px; } 

/* 20240813 추가 */
.info-wrap .con-hospital table tr th { height: 46px; background-color: var(--grey-color-01); color: var(--white-color); border: 1px solid var(--grey-color-02); box-sizing: border-box; font-size: 14px; line-height: 16px; } 
.info-wrap .con-hospital .hospital-tap { float: left; display: flex; gap: 8px; margin-bottom: 10px; } 
.info-wrap .con-hospital .hospital-tap li { width: 100px; height: 40px; padding: 0px 20px; background: #eee; border-radius: 50px; font-size: 17px; line-height: 40px; text-align: center; cursor: pointer; white-space: nowrap; } 
.info-wrap .con-hospital .hospital-tap li.active { color: var(--white-color); background: var(--red-color); } 
//.info-wrap .con-hospital .hospital-map {width: 100%; height: 340px; /*background: url('../image/sub/map_exam.png') center no-repeat; background-size: cover; */}
.info-wrap .con-hospital .hospital-map { margin-top: 50px; }
.info-wrap .con-hospital .hospital-distance { margin-top: 26px; } 
.info-wrap .con-hospital .hospital-distance p.text { text-align: right; font-size: 15px; font-weight: 500; color: #888888; } 



/* **************************************** *
 * INFO - 평면도 탭
 * **************************************** */
/* add.css */
.info-wrap .con-plan { width: 100%; height: auto; left: 0; top: 0; display: none; } 
.info-wrap .con-plan h3.conbox-title { float: left; margin-bottom: 10px; } 
.info-wrap .con-plan select::-ms-expand { display: none; } 
.info-wrap .con-plan select:focus { outline:none; } 

/* 20240813 추가 */
.info-wrap .con-plan select { width: 170px; height: 40px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); padding: 0 15px; border-radius: 5px; font-size: 15px; line-height: 40px; float: right; margin-bottom: 20px; } 
.info-wrap .con-plan .plan-image { text-align: center; } 
.info-wrap .con-plan .plan-image img { max-width: 100%!important; } 



/* **************************************** *
 * INFO - 매물정보 탭
 * **************************************** */
/* add.css */
.info-wrap .content-member .con-goods .goods-filter { width: 170px; height: 40px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); padding: 0 15px; border-radius: 5px; font-size: 15px; line-height: 40px; float: right; margin-bottom: 20px; background: url('../image/sub/select_bt.png') no-repeat 95% 50%; background-size: 20px 16px; } 
.info-wrap .content-member .con-goods .goods-filter::-ms-expand { display: none; } 
.info-wrap .content-member .con-goods .goods-filter:focus { outline: none; } 
.info-wrap .content-member .con-goods .goods-wrap { clear: both; width: 100%; } 

/* 20240813 추가 */
.info-wrap .content-member .con-goods .goods-wrap .goods-box { width: 100%; height: 170px; border: 1px solid var(--grey-color-02); margin-bottom: 20px; padding: 20px; box-sizing: border-box; display: flex; align-items: center; cursor: pointer; transition: 0.1s; } 
.info-wrap .content-member .con-goods .goods-wrap .goods-box img.goods-image { width: 130px; height: 130px; margin-right: 20px; object-fit: cover; } 
.info-wrap .content-member .con-goods .goods-wrap .goods-text { width: calc(100% - 150px); } 
.info-wrap .content-member .con-goods .goods-wrap .goods-text .sticker { display: flex; align-items: center; justify-content: space-between; } 
.info-wrap .content-member .con-goods .goods-text .sticker li { padding: 3px 12px; border-radius: 25px; display: flex; justify-content: center; align-items: center; } 
.info-wrap .content-member .con-goods .goods-text .sticker li.type { background-color: #F8F8F8; color: #EB750D; font-size: 14px; } 
.info-wrap .content-member .con-goods .goods-text .sticker li img { width: 20px; } 
.info-wrap .content-member .con-goods .goods-text .price { margin-top: 8px; font-size: 20px; font-weight: 700; color: var(--black-color); } 
.info-wrap .content-member .con-goods .goods-text .condition-box { margin-top: 8px; font-size: 14px; color: var(--black-color); } 
.info-wrap .content-member .con-goods .goods-text .room-size { margin-top: 0px; font-size: 14px; color: var(--black-color); } 



/* **************************************** *
 * INFO - 구해줘 탭
 * **************************************** */
/* add.css */
.info-wrap .con-save { display: none; } 
.con-save .apt_radio_wrap { margin-top: 22px; } 
.con-save .apt_find { margin-top: 21px; } 
.info-wrap .conbox .apt_radio { width: 24px; height: 24px; } 
.info-wrap .conbox input[type="radio"]:checked { border: 8px solid var(--red-color); } 
.con-save .apt_find .ranking { width: 100%; } 
.con-save .apt_find .rank_tit { font-size: 16px; flex-shrink: 0; margin-right: 10px; } 
.con-save .apt_find .area1 { width: 120px; } 
.con-save .apt_find .area2 { width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.con-save .apt_find .apt_select { width: 262px; } 
.info-wrap .conbox .apt_find .apt_content_wrap table tr th.table_tit { width: 200px; } 
.con-save .apt_find .apt_content_wrap table tr td { width: 480px; justify-content: flex-start !important; } 
.con-save .apt_find .apt_content_wrap table tr td .radio_txt:last-child { margin-right: 0; } 
.con-save .apt_find .apt_content_wrap table tr td input[type="text"] { width: 52.08333333333333%; margin-right: 10px; padding-top: 0; padding-bottom: 0; } 
.con-save .apt_find .apt_content_wrap table tr td input[type="text"].money { width: 52.08333333333333%; } 
.con-save .apt_find .apt_content_wrap table tr td img.change_img { width: 80px; } 
.con-save .apt_find .apt_content_wrap table tr td input[type="text"].datepicker:last-child { margin-left: 20px; } 
.con-save .apt_find .btn_wrap .btn1, .apt_find .btn_wrap .btn1 { margin-bottom: 70px; } 
.con-save .apt_find .apt_content_wrap table tr td .date_box { min-height: 72px; } 
.con-save .apt_find .apt_content_wrap table tr td .full-box { width: 70%; text-align: left; } 
.con-save .apt_find .apt_content_wrap table tr td .half-box { display: none; } 
.con-save .apt_find .apt_content_wrap table tr td label.txt18.month { display: none; }
.con-save .apt_find .apt_content_wrap table tr td div.table_name,
.con-save .apt_find .apt_content_wrap table tr td div.table_phone { width: 100%; height: 100%; background-color: #F8F8F8; border: 2px solid var(--grey-color-02); } 

/* 20240813 추가 */
.con-save .apt_find { padding-top: 0; } 
.con-save.conbox table tr { flex-wrap: wrap; gap: 10px; } 
.con-save.conbox table tr td { height: auto; } 
.con-save .radio_txt { font-size: 16px; } 
.con-save .apt_find .ranking .fl_right { width: 100%; } 
.con-save .apt_find .ranking { flex-wrap: wrap; justify-content: start; gap: 10px; } 
.con-save .apt_content_wrap table tr td { gap: 0; }
.con-save .ui-datepicker-trigger { margin-left: 5px; } 



/* **************************************** *
 * INFO - 내놔줘 탭
 * **************************************** */
/* add.css */
.con-putout { display: none; } 
.con-putout .apt_radio_wrap { margin-top: 22px; } 
.con-putout .apt_putout .btn_wrap { text-align: left; margin-top: 21px; } 
.con-putout .apt_putout .apt_content_wrap { width: 100%; margin-top: 20px; } 
.con-putout .apt_putout .apt_content_wrap table { width: 100%; } 
.con-putout .apt_putout .apt_content_wrap table tr { margin-bottom: 20px; flex-wrap: wrap; } 
.con-putout .apt_putout .apt_content_wrap table tr th.table_tit { width: 200px; display: flex; align-items: center; margin-bottom: 10px; } 
.con-putout .apt_putout .apt_content_wrap table tr td { width: 480px; } 
.con-putout .apt_putout .apt_content_wrap table tr.fl_wrap td .img_box_wrap .img_box { min-width: 210px; height: 300px; } 
.con-putout .apt_putout .apt_content_wrap table tr td img.change_img { width: 80px; } 
.con-putout .apt_putout .apt_content_wrap table tr td.floor input:nth-child(1) { margin-right: 15px; } 
.con-putout .apt_putout .apt_content_wrap table tr td.floor input:nth-child(2) { margin-left: 15px; } 
.con-putout .apt_putout .apt_content_wrap table tr:nth-child(4) td .input1:last-child { margin-left: 30px; } 
.con-putout .apt_putout .apt_content_wrap table tr td.fl_bt img { padding: 0 20px; } 
.con-putout .apt_putout .apt_content_wrap table tr td .apt_select { height: 36px; text-align: center; padding: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../image/sub/select_bt.png') no-repeat 96% 50%/20px auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.info-wrap .apt_putout .apt_content_wrap table tr.fl_wrap td span.gray_txt { font-size: 0.9rem !important; } 
.con-putout .apt_putout .apt_content_wrap table tr td .apt_select::-ms-expand { display: none; } 
.con-putout .apt_putout .apt_content_wrap table tr td input[type="text"] { height: 50px; padding: 0 20px; box-sizing: border-box; } 
.con-putout .apt_putout .apt_content_wrap table tr td input[type="text"].input2 { width: 250px; } 
.con-putout .apt_putout .apt_content_wrap table tr td input[type="text"].input2.half { max-width: 140px; width: 100%; } 
.con-putout .apt_putout .apt_content_wrap table tr td input[type="text"].input2.half::placeholder { color: var(--white-color); } 
.con-putout .apt_putout .apt_content_wrap table tr td input[type="text"].input2.half:last-child { margin-left: 10px; } 
.con-putout .apt_putout .apt_content_wrap table tr td .half-box { display: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; } 
.con-putout .apt_putout .apt_content_wrap table tr td { font-size: 16px; } 
.con-putout .apt_putout .apt_content_wrap table tr td span.bold { font-size: 18px; font-weight: 700; margin-right: 10px; } 
.con-putout .apt_putout .apt_content_wrap table tr td input[type="text"].datepicker { height: 46px; font-size: 16px; } 
.con-putout .apt_putout .apt_content_wrap table tr td .date_box { min-height: 72px; } 
.con-putout .apt_putout .apt_content_wrap table tr td input[type="text"].input3 { width: 65%; } 
.con-putout .apt_putout .bot_chk { margin-top: 60px; } 
.con-putout .apt_putout .ok { display: inline-flex; align-items: center; text-align: left !important; margin-top: 10px; } 
.con-putout .apt_putout .btn_wrap .btn1, .apt_find .btn_wrap .btn1 { margin-bottom: 0; } 

/* 20240813 추가 */
.con-putout .apt_putout { padding-top: 0; } 
.con-putout table tr td span.gray_txt { margin-top: 5px; font-size: 14px; } 
.con-putout.conbox table tr td { height: auto; } 
.con-putout .radio_txt { font-size: 16px; } 
.con-putout .apt_content_wrap table tr td { gap: 0; }
.con-putout .apt_putout .apt_content_wrap table tr th.table_tit br { display: none; }
.con-putout .apt_content_wrap table tr td.fl_wrap .col1 { margin-bottom: 10px; }
.con-putout .apt_putout .apt_content_wrap table tr td input[type="text"] + input[type="text"] { margin-left: 10px; }
.con-putout .ui-datepicker-trigger { margin-left: 5px; } 



/* **************************************** *
 * INFO - 중개사 탭
 * **************************************** */
/* add.css */
.info-wrap .content-member .con-broker { display: none; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap span.broker-level,
.info-wrap .content-member .con-broker .broker-box .right-wrap span.broker-rest { height: 25px; padding-left: 10px; padding-right: 10px; background-color: #F8F8F8; border-radius: 13px; font-weight: 500; color: #888888; font-size: 12px; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap span.broker-level { color: var(--red-color); } 
.info-wrap .content-member .con-broker .broker-box .right-wrap span.broker-sns {display: inline-block; line-height: 20px; padding-left: 10px; padding-right: 10px; background-color: #888888; color: var(--white-color); border-radius: 12px; font-size: 12px; font-weight: 500; margin-right: 10px; cursor: pointer; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap span.broker-sns:hover { background-color:var(--red-color); } 
.info-wrap .content-member .con-broker .broker-box .right-wrap span.broker-language { font-size: 1rem; font-weight: 500; color: #888888; } 

/* 20240813 추가 */
.info-wrap .content-member .con-broker .box-wrap { width: 100%; height: auto; margin-bottom: 20px; } 
.info-wrap .content-member .con-broker .broker-box { width: 100%; height: auto; padding: 20px; display: flex; border: 1px solid var(--grey-color-02); } 
.info-wrap .content-member .con-broker .broker-box .left-image { width: 80px; height: 80px; margin-right: 20px; } 
.info-wrap .content-member .con-broker .broker-box .left-image img { width: 100%; height: 100%; object-fit: cover; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap { width: auto; height: auto; display: flex; flex-direction: column; justify-content: space-between; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap span.broker-name { font-size: 18px; margin-top: 8px; color: var(--black-color); font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap span.broker-sns-title { font-size: 15px; color: var(--black-color); margin-right: 10px; cursor: pointer; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap span.broker-language { font-size: 14px; font-weight: 500; color: #888; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap .temprte { font-size: 13px; color: var(--red-color); font-weight: 500; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap .labelBox { width: 100%; display: flex; gap: 10px; white-space: nowrap; } 
.info-wrap .content-member .con-broker .broker-box .right-wrap .bot-box { margin-top: 3px; } 



/* **************************************** *
 * INFO - 수정요청 탭
 * **************************************** */
 .info-wrap .con-modify { display: none; } 
 .info-wrap .con-modify .modify-wrap { margin-top: 11.5px; } 
 .info-wrap .con-modify .modify-wrap dl { display: flex; height: 60px; font-family: "Noto Sans KR",sans-serif; border-bottom: 1px solid var(--grey-color-02); box-sizing: border-box; } 
 .info-wrap .con-modify .modify-wrap dl:first-child { border-top: 1px solid var(--grey-color-02); } 
 .info-wrap .con-modify .modify-wrap dl.parking { height: auto; padding-top: 12.5px; padding-bottom: 12.5px; } 
 .info-wrap .con-modify .modify-wrap dl dt { width: 200px; min-width:200px; display: flex; align-items: center; font-size: 18px; font-weight: 700; color: var(--black-color); word-break: keep-all; } 
 .info-wrap .con-modify .modify-wrap dl dd { width: 480px; display: flex; align-items: center; } 
 .info-wrap .con-modify .modify-wrap dl dd input[type="checkbox"] { display: none; } 
 .info-wrap .con-modify .modify-wrap dl dd input[type="checkbox"] + label { display: inline-block; width: 20px; height: 20px; border: 2px solid var(--grey-color-02); background-color: var(--white-color); margin-right: 15px; } 
 .info-wrap .con-modify .modify-wrap dl dd input[type="checkbox"]:checked + label { background:url('../image/sub/checked_box.png') center no-repeat; background-size: cover; border: none; } 
 .info-wrap .con-modify .modify-wrap dl dd input[type="text"] { width: 83.33333333333333%; height: 40px; background-color: var(--white-color); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16); padding: 0 20px; box-sizing: border-box; font-size: 16px; font-family: "Noto Sans KR",sans-serif; font-weight: 400; color: var(--black-color); display: none; } 
 .info-wrap .con-modify .modify-wrap dl dd span { font-size: 16px; font-family: "Noto Sans KR",sans-serif; font-weight: 400; color: var(--black-color); } 
 .info-wrap .con-modify .modify-wrap dl dd select { width: 150px; height: 40px; border: 2px solid var(--grey-color-02); box-sizing: border-box; font-size: 16px; font-family: "Noto Sans KR",sans-serif; font-weight: 400; color: var(--black-color); padding-left: 20px; padding-right: 40px; box-sizing: border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../image/sub/select_bt.png') no-repeat 88% 50%/20px auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none; } 
 .info-wrap .con-modify .modify-wrap dl dd select::-ms-expand { display: none; } 
 .info-wrap .con-modify .modify-wrap dl dd select:focus { outline: none; } 
 .info-wrap .con-modify .modify-wrap dl:nth-child(6) dd select { margin-right: 20px; } 
 .info-wrap .con-modify .modify-wrap dl.apt_pic { flex-wrap: wrap; height: auto; padding-top: 12px; } 
 .info-wrap .con-modify .modify-wrap dl.apt_pic dd { width: 100%; } 
 .info-wrap .con-modify .modify-wrap dl dd ul { width: 100%; justify-content: space-between; margin-top: 5.5px; margin-bottom: 20.5px; display: flex; justify-content: center; flex-wrap: wrap; } 
 .info-wrap .con-modify .modify-wrap dl dd ul li { width: 120px; height: 182px; display: inline-block; margin-right: 15px; margin-top: 20px; } 
 .info-wrap .con-modify .modify-wrap dl dd ul li:last-child { margin-right: 0; } 
 .info-wrap .con-modify .modify-wrap dl dd ul li .modify-apt-image { width: 100%; height: 140px; background: #F8F8F8; background-size: cover; border: 2px solid var(--grey-color-02); box-sizing: border-box; display: flex; justify-content: center; align-items: center; font-size: 1.125rem; font-weight: 500; color: #CCCCCC; } 
 .info-wrap .con-modify .modify-wrap dl dd ul li .bt-box { width: 100%; display: flex; justify-content: space-between; margin-top: 10px; } 
 .info-wrap .con-modify .modify-wrap dl dd ul li button,
 .info-wrap .con-modify .modify-wrap dl dd ul li input[type=file] + label { width: 55px; height: 32px; border: 1px solid var(--black-color); box-sizing: border-box; font-family: "Noto Sans KR",sans-serif; font-size: 1.125rem; font-weight: 500; color: var(--black-color); } 
 .info-wrap .con-modify .modify-wrap dl dd ul li input[type=file] { display: none; } 
 .info-wrap .con-modify .modify-wrap dl dd ul li input[type=file] + label { background-color: #f8f8f8; display: flex; justify-content: center; align-items: center; cursor: pointer; } 
 .info-wrap .con-modify .modify-wrap dl dd ul li .delete-bt { background-color: #CCCCCC; } 
 .info-wrap .con-modify .modify-wrap dl dd ul li .change-bt { background-color: #F8F8F8; } 
 .info-wrap .con-modify .modify-wrap .request-bt { width: 180px; height: 50px; float: right; background-color: #F8F8F8; border: 1px solid var(--black-color); font-family: "Noto Sans KR",sans-serif; font-size: 18px; font-weight: 500; color: var(--black-color); margin-top: 20.5px; margin-bottom: 40px; } 
 .info-wrap .con-modify .modify-wrap .request-bt:hover { background-color: var(--black-color); color: var(--white-color); } 
 .info-wrap .con-modify .modify-wrap .reconst-modify { clear: both; width: 100%; margin-top: 40px; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify h3 { font-family: "Noto Sans KR",sans-serif; font-size: 1.75rem; color: var(--black-color); } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table { width: 100%; margin-top: 12px; text-align: center; border-top: 1px solid var(--grey-color-02); box-sizing: border-box; font-family: "Noto Sans KR",sans-serif; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr { width: 100%; height: 40px; border-bottom: 1px solid var(--grey-color-02); box-sizing: border-box; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr th { width: 41.17647058823529%; border-right: 1px solid var(--grey-color-02); box-sizing: border-box; font-size: 16px; font-weight: 700; color: var(--black-color); } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr td { width: 100%; height: 40px; display: flex; align-items: center; padding: 0 20px; box-sizing: border-box; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr td span { width: 100%; text-align: center; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr td input[type="text"] { width: calc(100% - 36px); background-color: var(--white-color); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16); display: none; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr td input[type="checkbox"] { display: none; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr td input[type="checkbox"] + label { display: inline-block; width: 16px; height: 16px; border: 2px solid var(--grey-color-02); background-color: var(--white-color); margin-right: 20px; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr td input[type="checkbox"]:checked + label { background:url('../image/sub/checked_box.png') center no-repeat; background-size: cover; border: none; margin-right: 20px; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr.sale-period td .span-box { width: 100%; text-align: center; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr.sale-period td .text-box { width: calc(100% - 36px); text-align: left; display: none; } 
 .info-wrap .con-modify .modify-wrap .reconst-modify table tr.sale-period td .text-box input { width: 47%; } 
 


/* **************************************** *
 * APT 구해줘/내놔줘 공통
 * **************************************** */
/* 20240813 추가 */
.apt_putout { padding-top: 160px; } 
.radio_txt { font-size: 18px; font-weight: 500; color: var(--black-color); white-space: nowrap; margin-right: 30px; cursor: pointer; } 
.apt_radio { width: 20px; height: 20px; margin-right: 7px; margin-bottom: 3px; vertical-align: middle; } 
input[type="radio"]:checked { border: 5px solid var(--red-color); } 
.apt_putout .apt_content_wrap, .apt_find .apt_content_wrap { margin-top: 40px; margin-bottom: 60px; } 
.apt_putout .btn_wrap .area1 { border: 1px solid var(--grey-color-02); background-color: #F9F9F9; font-size: 16px; color: var(--black-color); width: 120px; height: 46px; font-weight: 500; margin-right: 10px; } 
.apt_putout .btn_wrap .area2 { background: #ddd; font-size: 16px; width: 120px; height: 46px; font-weight: 600; } 
.apt_content_wrap table tr { display: flex; margin-bottom: 16px; } 
.apt_content_wrap table tr th.table_tit { font-size: 18px; display: flex; align-items: center; width: 200px; text-align: left; } 
.apt_putout .apt_content_wrap table tr th.table_tit2 { font-size: 18px; font-weight: 600; width: 100%; text-align: left; margin-bottom: 10px; } 
.apt_content_wrap table tr td { width: calc(100% - 200px); min-height: 50px; display: flex; align-items: center; justify-content: flex-start; font-size: 16px; color: var(--black-color); gap: 10px; } 
.apt_select { width: 100%; height: 50px; padding: 0 20px; border: 1px solid var(--grey-color-02); outline: none; font-size: 15px; font-weight: 400; color: var(--grey-color-01); cursor: pointer; } 
.apt_content_wrap table tr td input[type="text"] { width: 100%; padding: 0 20px; height: 50px; border: 1px solid var(--grey-color-02); font-size: 15px; } 
.apt_content_wrap table tr td input[type="text"]::placeholder { font-size: 15px; } 
.apt_putout .apt_content_wrap table tr.fl_wrap td .img_box_wrap .img_box { width: calc(100% - 20px / 3); margin-right: 0; } 
.apt_putout .apt_content_wrap table tr td.fl_wrap .rank_col { align-items: center; display: flex; justify-content: flex-start; } 
.apt_putout .apt_content_wrap table tr td .rank_tit { font-size: 16px; color: var(--black-color); width: 60px; } 
.apt_putout .apt_content_wrap table tr td input[type="text"].input3 { font-size: 16px; } 
.apt_putout .apt_content_wrap table tr td input[type="text"].input3::placeholder { font-size: 16px; } 
.apt_content_wrap table tr td textarea { width: 100%; padding: 15px; font-family: "Noto Sans KR", sans-serif; border: solid 1px #E2E2E2; } 
.apt_putout .apt_content_wrap table tr td span { white-space: nowrap; } 
.apt_putout .apt_content_wrap table tr td span.bold { font-size: 16px; } 
.apt_putout .apt_content_wrap table tr td.fl_bt { gap: 30px; } 
.apt_putout .apt_content_wrap table tr td .col1 { display: flex; gap: 10px; align-items: center; } 
.apt_putout .apt_content_wrap table tr td .full-box,
.apt_putout .apt_content_wrap table tr td .half-box { display: flex; align-items: center; gap: 10px; } 
.apt_putout .apt_content_wrap table tr td input[type="text"].disabled, 
.apt_find .apt_content_wrap table tr td input[type="text"].disabled { font-size: 16px; border: 1px solid #666; } 
.apt_putout .ok, .apt_find .ok { font-size: 16px; font-weight: 600; } 
.apt_putout .ok .ckb, .apt_find .ok .ckb { width: 20px; height: 20px; margin-right: 15px; vertical-align: middle; margin-bottom: -2px; } 
.apt_putout .btn_wrap .btn_top, .apt_find .btn_wrap .btn_top { margin-top: 80px; margin-bottom: 40px; display: flex; gap: 10px; } 
.apt_putout .btn_wrap .btn1, .apt_find .btn_wrap .btn1 { background: var(--red-color); width: 100%; height: 60px; font-size: 20px; font-weight: 600; color: var(--white-color); margin-bottom: 160px; } 
.popup .popup_con .apt_content_wrap table tr td span.gray_txt, 
.apt_putout .apt_content_wrap table tr td span.gray_txt, 
.apt_find .apt_content_wrap table tr td span.gray_txt { font-size: 14px; color: var(--grey-color-01); margin-top: 5px; white-space: normal; text-align: left; } 
.apt_content_wrap table tr td input[type="text"].datepicker { width: 45%; font-size: 15px; color: var(--black-color); padding: 0px 20px; } 
.chk_select .radio_txt { font-size: 16px; } 
.chk_select .radio_txt .input[type="radio"]:checked { margin-right: 10px; } 
.apt_putout .btn_wrap .btn_top .btn2, .apt_find .btn_wrap .btn_top .btn2 { border: 1px solid var(--black-color); font-size: 16px; font-weight: 500; color: var(--black-color); background-color: #F8F8F8; width: 100%; height: 60px; box-sizing: border-box; transition: all 0.3s; } 
.apt_putout .btn_wrap .btn_top .btn2:hover, .apt_find .btn_wrap .btn_top .btn2:hover { border: 1px solid var(--red-color); background-color: #F8F8F8; color: var(--red-color); font-weight: 600; } 



/* **************************************** *
 * APT 구해줘
 * **************************************** */
/* add2.css */
.apt_find .apt_radio_wrap { text-align: center; margin: 80px auto 40px; } 
.apt_find .ranking { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } 
.apt_find .ranking .fl_top { display: flex; flex-direction: row; align-items: center; } 
.apt_find .ranking:last-child { margin-bottom: 0; } 
.apt_find .area2 { border: 2px solid var(--grey-color-02); background-color: #DDDDDD; font-size: 16px; color: var(--black-color); width: 130px; height: 50px; font-weight: 600; } 
.apt_find .apt_select.col_red { color: var(--red-color); } 
.apt_find .apt_select option { font-size: 16px; font-weight: 400; color: var(--red-color); } 
.apt_find .apt_content_wrap .apt_table,
.apt_putout .apt_content_wrap .apt_table { width: 100%; table-layout: fixed; } 
.apt_find .apt_content_wrap table tr:last-child { margin-bottom: 0; } 
.apt_find .apt_content_wrap table tr td .full_fl > input[type="text"] { width: 86%; } 
.ui-datepicker-trigger { padding: 0; } 
.ui-datepicker-trigger img { vertical-align: middle !important; margin-top: 1px !important; } 
table tr td input[type="text"].datepicker { margin: 0 !important; } 
.apt_find .apt_content_wrap table tr td img.change_img { cursor: pointer; padding: 0 20px; } 
.popup .popup_con .apt_content_wrap table tr td.row,
.apt_putout .apt_content_wrap table tr td.row,
.apt_find .apt_content_wrap table tr td.row { flex-direction: column; align-items: flex-start; } 
.apt_find .apt_content_wrap table tr td input[type="text"].money { width: 70%; } 
.apt_putout .apt_content_wrap table tr td input[type="text"].meter,
.apt_find .apt_content_wrap table tr td input[type="text"].meter { width: 35%; text-align: center; } 
.apt_find .apt_content_wrap table tr td input[type="text"].datepicker:first-child { margin-right: 10px; } 
.apt_find .apt_content_wrap table tr td input[type="text"].datepicker:last-child { margin-left: 10px; } 
.apt_find .apt_content_wrap table tr td .date_box { width: 100%; padding: 10px; border: 2px solid var(--grey-color-02); background-color: #F8F8F8; } 

.apt_putout .ok { display: inline-flex; text-align: left; align-items: center; } 
.apt_putout .btn_wrap,
.apt_find .btn_wrap { text-align: center; } 
.apt_putout .bot_chk,
.apt_find .bot_chk { text-align: center; } 
.apt_find .apt_content_wrap input::placeholder { color: var(--grey-color-01); font-size: 16px; } 


/* **************************************** *
 * APT 내놔줘
 * **************************************** */
/* add2.css */
.content_box.blind { position: relative; } 
.content_box.blind::after { content: ""; display: inline-block; background-color: rgba(0, 0, 0, 0.30); position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; } 
.apt_putout .apt_radio_wrap { text-align: center; margin: 80px auto 40px; } 
.apt_putout .btn_wrap { text-align: center; } 
.apt_putout .apt_content_wrap table tr td .apt_select { width: 100%; } 
.apt_putout .apt_content_wrap table tr td .title { width: 100%; } 
.apt_putout .apt_content_wrap table tr td .input1 {width: 31%; text-align: center; } 
.apt_putout .apt_content_wrap table tr td .input2 { width: 60%; } 
.apt_putout .apt_content_wrap table tr:last-child { margin-bottom: 0; } 
.apt_putout .apt_content_wrap table tr td .half-box { display: flex; align-items: center; } 
.apt_putout .apt_content_wrap table tr td input[type="text"].datepicker:first-child { margin-right: 10px; } 
.apt_putout .apt_content_wrap table tr td input[type="text"].datepicker:last-child { margin-left: 10px; } 
.apt_putout .apt_content_wrap table tr td .date_box { width: 100%; padding: 10px; border: 2px solid var(--grey-color-02); background-color: #F8F8F8; } 
.apt_putout .apt_content_wrap table tr td.fl_wrap .col1 { width: 90%; justify-content: flex-end; } 
.apt_putout .apt_select option { font-size: 16px; font-weight: 400; color: var(--grey-color-01); } 
.apt_putout .apt_content_wrap table tr td .change_img { cursor: pointer; padding: 0 20px; } 
.apt_putout .apt_content_wrap table tr.fl_wrap { flex-direction: column; } 
.apt_putout .apt_content_wrap table tr.fl_wrap td { flex-wrap: wrap; width: 100%; max-width: none; } 

.filebox label { display: inline-block; width: 180px; height: 50px; color: var(--black-color); vertical-align: middle; font-size: 16px; font-weight: 500; background-color: #F8F8F8; cursor: pointer; border: 1px solid var(--black-color); text-align: center; line-height: 50px; margin-left: 10px; } 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 

.apt_putout .apt_content_wrap table tr.fl_wrap td .img_box_wrap { margin: 0 auto; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 10px; overflow-x: auto; padding-bottom: 10px; } 
.apt_putout .apt_content_wrap table tr.fl_wrap td .img_box_wrap .img_box:last-child { margin-right: 0; } 
.apt_putout .apt_content_wrap table tr.fl_wrap td .img_box_wrap .img_box img.x_icon { width: auto; position: absolute; right: 10px; top: 10px; cursor: pointer; } 
.apt_putout .apt_content_wrap table tr.fl_wrap td .img_box_wrap .img_box img { max-height: 100%; max-width: 100%; } 
.apt_putout .apt_content_wrap table tr td.fl_wrap { flex-direction: column; align-items: normal; } 
.apt_putout .apt_content_wrap table tr td.fl_wrap .rank_col:last-child { margin-bottom: 0; } 
.apt_putout .apt_content_wrap table tr td.fl_wrap .rank_col img { cursor: pointer; } 
.apt_putout .apt_content_wrap table tr input.col_red::placeholder { color: var(--red-color); } 

/* 20240813 추가 */
.apt_find { padding-top: 160px; } 
.apt_find .area1 { white-space: nowrap; border: 1px solid var(--grey-color-02); background-color: #F9F9F9; font-size: 16px; color: var(--black-color); width: 120px; height: 46px; font-weight: 500; margin-right: 10px; } 
.apt_find .area2 { white-space: nowrap; background: #ddd; font-size: 16px; width: 120px; height: 46px; font-weight: 600; margin-right: 10px; } 
.apt_find .rank_tit { font-size: 16px; color: var(--black-color); margin-right: 10px; } 
.apt_find .mark_apt { border: 1px solid var(--black-color); background-color: #F8F8F8; font-size: 14px; white-space: nowrap; color: var(--black-color); width: 100px; height: 36px; border-radius: 20px; } 
.apt_find .ranking .fl_right { width: 576px; display: flex; align-items: center; justify-content: space-between; } 
.apt_find .ranking .w100 { width: 140px; font-size: 14px; color: var(--black-color); cursor: pointer; white-space: nowrap; } 
.apt_find .ranking .w100 .same_ckb { margin-right: 3px; width: 16px; height: 16px; vertical-align: middle; margin-bottom: 3px; } 
.apt_find .apt_content_wrap table tr td label.txt18 { font-size: 15px; width: 120px; } 
.apt_find .apt_content_wrap table tr td input.same_ckb { width: 20px; height: 20px; margin-right: 3px; vertical-align: middle; margin-bottom: 3px; } 



/* **************************************** *
*  구해줘 검색
* **************************************** */
.broker_wrap .broker_content { width: 100%; margin-top: 40px; padding-bottom: 40px; } 
.broker_wrap .broker_content .bookmark_table { width: 100%; border: 1px solid var(--grey-color-02); } 
.broker_wrap .broker_content .bookmark_table .tit_border { border-top: 1px solid var(--grey-color-02); border-bottom: 1px solid var(--grey-color-02); background-color: var(--grey-color-01); } 
.broker_wrap .broker_content .bookmark_table .tit_border th:first-child { border-left: none; } 
.broker_wrap .broker_content .bookmark_table .tit_border th { padding: 7px 0; font-size: 16px; color: var(--white-color); font-weight: 400; border-left: 1px solid var(--grey-color-02); } 
.broker_wrap .broker_content .bookmark_table td:first-child { border-left: none; } 
.broker_wrap .broker_content .bookmark_table td { font-size: 16px; color: var(--black-color); font-weight: 500; border-bottom: 1px solid var(--grey-color-02); border-left: 1px solid var(--grey-color-02); text-align: center; padding: 15px 10px; height: 100px; } 
.broker_wrap .broker_content .bookmark_table td img.ic { cursor: pointer}
.aptname { 
    cursor: pointer; width : 110px; /* 너비는 변경될수 있습니다. */
    white-space : nowrap; /* 줄바꿈을 하지 않습니다. */
    overflow : hidden; /* 내용이 길면 감춤니다 */
    text-overflow: ellipsis; /* 위에 설정한 100px 보다 길면 말줄임표처럼 표시합니다. */
    display : block; /* ie6이상 현재요소를 블럭처리합니다. */
    margin: 0 auto; 
} 
.part_juso { 
    cursor: pointer; width : 85px; /* 너비는 변경될수 있습니다. */
    white-space : nowrap; /* 줄바꿈을 하지 않습니다. */
    overflow : hidden; /* 내용이 길면 감춤니다 */
    text-overflow: ellipsis; /* 위에 설정한 100px 보다 길면 말줄임표처럼 표시합니다. */
    display : block; /* ie6이상 현재요소를 블럭처리합니다. */
}
.broker_wrap .broker_content .bookmark_table td img.ic2 { cursor: pointer; } 
.broker_wrap .broker_content .bookmark_table .type1 { display: inline-block; font-size: 16px; font-weight: 500; color: #EB750D; width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; } /*매매*/
.broker_wrap .broker_content .bookmark_table td .type2 { display: inline-block; font-size: 16px; font-weight: 500; color: #17A253; width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; } /*전세*/
.broker_wrap .broker_content .bookmark_table td .type3 { display: inline-block; font-size: 16px; font-weight: 500; color: #3260C9; width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; } /*월세*/
.broker_wrap .broker_content .search_detail .search_col1 { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-evenly; flex-wrap: wrap; }
.broker_wrap .broker_content .search_detail .search_col2 { display: flex; align-items: center; } 
.broker_wrap .broker_content .search_detail .search_col3 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 20px; } 
.broker_wrap .broker_content .search_detail .search_col3:last-child { margin-bottom: 0; } 
.broker_wrap .broker_content .search_detail p { font-size: 16px; font-weight: 600; color: var(--black-color); margin-right: 10px; word-break: keep-all; } 
.broker_wrap .broker_content .search_detail p.txt_w { width: 100px; } 
.broker_wrap .broker_content .search_detail span { font-size: 16px; font-weight: 500; color: var(--black-color); margin-left: 10px; } 
.broker_wrap .broker_content .search_detail .search_col2 span { font-size: 16px; font-weight: 500; color: var(--black-color); margin-left: 10px; margin-right: 10px; word-break: keep-all; }
.broker_wrap .broker_content .search_detail .search_col2 span.w39,
.broker_wrap .broker_content .search_detail .search_col2 span.w39 { min-width: 26px; } 
.broker_wrap .broker_content .top_col.mark .btn_wrap3 .btn3 { font-weight: 500; font-size: 16px; color: var(--black-color); } 
.broker_wrap .broker_content .top_col.mark .btn_wrap3 .btn3_1 { border: 1px solid var(--grey-color-02); background-color: #F9F9F9; font-weight: 500; font-size: 16px; color: var(--black-color); width: 200px; height: 50px; } 
.broker_wrap .broker_content .bot_con select.apt_sel { border: 2px solid var(--grey-color-02); max-width: 400px; width: 100%; height: 50px; color: var(--black-color); font-size: 16px; font-weight: 400; padding: 0 10px; outline: none; } 
.broker_wrap .broker_content .bot_con select.apt_sel option { color: var(--black-color); font-size: 16px; font-weight: 400; outline: none; } 
.broker_wrap .broker_content .bot_con .line::after { content: ""; display: block; clear: both; } 
.broker_wrap .broker_content .bot_con .line li:hover { color: var(--red-color); font-weight: 600; } 
.broker_wrap .broker_content .bot_con .line li { float: left; font-size: 16px; color: var(--black-color); transition: color 0.3s; } 
.broker_wrap .broker_content .bot_con .line li:last-child a { padding-right: 0; } 
.broker_wrap .broker_content .bot_con .line li:first-child a { padding-left: 0; } 
.broker_wrap .broker_content .bot_con .line li a { position: relative; padding: 0 12px; color: inherit; } 
.broker_wrap .broker_content .bot_con .line li:first-child a::before { display: none; } 
.broker_wrap .broker_content .bot_con .line li a::before { content: ""; position: absolute; left: 0; top: 22%; width: 1px; height: 70%; background: var(--black-color); } 
.broker_wrap .broker_content .bot_con { display: flex; align-items: center; justify-content: space-between; } 
.broker_wrap .broker_content tr.blind { position: relative; } 
.broker_wrap .broker_content tr.blind td { position: relative; } 
.broker_wrap .broker_content tr.blind td::after { content: ""; display: inline-block; width: 100%; height: 99px; background-color: rgba(0, 0, 0, 0.30); position: absolute; left: 0; top: 0; z-index: 10; } 



/* **************************************** *
* 거래 목록
* **************************************** */
.broker_wrap .info-wrap { width: 100%; margin: auto; padding: 0px 0px 0px; box-sizing: border-box; padding-top: 0 !important; } 
.broker_wrap .info-wrap .search-left input { margin-right: 10px; } 
.broker_wrap ul.type_munu { display: flex; align-items: center; margin-bottom: 15px; } 
.broker_wrap ul.type_munu li { width: 100px; height: 50px; line-height: 50px; font-size: 16px; color: var(--black-color); font-weight: 500; background-color: #F8F8F8; margin-right: 5px; text-align: center; cursor: pointer; } 
.broker_wrap ul.type_munu li:last-child { margin-right: 0; } 
.broker_wrap ul.type_munu li.active1 { background-color: #EB750D; color: var(--white-color); } 
.broker_wrap ul.type_munu li.active2 { background-color: #17A253; color: var(--white-color); } 
.broker_wrap ul.type_munu li.active3 { background-color: #3260C9; color: var(--white-color); } 


.broker_wrap .broker_content .bookmark_table tr td .img_box { border: 1px solid var(--grey-color-02); height: 120px; width: 90px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } 
.broker_wrap .broker_content .bookmark_table tr td .img_box img { max-height: 100%; max-width: 100%; } 
.broker_wrap .broker_content .bookmark_table tr td span.icon { display: inline-block; padding: 4px 15px; background-color: #DDDDDD; border-radius: 25px; font-size: 16px; color: var(--black-color); font-weight: 500; margin-right: 5px; } 
.broker_wrap .broker_content .bookmark_table tr td .icon_box { margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } 
.broker_wrap .broker_content .bookmark_table tr td .icon_box span.icon:last-child { margin-right: 0; } 
.broker_wrap .broker_content .sub_tit2 { font-size: 18px; color: var(--black-color); font-weight: 600; margin-bottom: 10px; }