@charset "utf-8";
.listBox {
    min-height: 50vh;
}
.listBox > .inbox {
    height: auto;
}
.search_notes_sort_wrap {
    position: absolute;
    right: 0;
    /*display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 8px;*/
}
.LoopBox {
    margin-top: 24px;
}
.result_count_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;        
    margin-bottom: 16px;
}
.result_count_span {
    display: block;
    font-size: 20px;
    font-weight: 600;        
}
select[name=sort] {    
    border: none;
    width: auto;
    right: 16px;
    -moz-text-align-last: right;
    text-align-last: right;
    font-size: 16px;
    transform: scale(0.875);
    transform-origin: right center;
    /*padding: 0 0.8em;*/
    padding: 0 24px 0 12px;
    color: #acacac;
    cursor: pointer;
}
select[name=sort] option {
    -moz-text-align-last: right;
         text-align-last: right;
    text-align: right;
}

.search_my_filter_not_login {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255,255,255,0.9);
}
.search_my_filter_not_login_text_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; 
    height: 100%;   
}
.search_my_filter_not_login_text_wrap > span {
    font-size: 16px;    
}
.search_my_filter_not_login_text_wrap > span.login {
    display: block;
    font-weight: 600;
    text-decoration: underline;
    padding-top: 4px;
}


/* 일반검색 필터 */
#search_filter {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    min-height: 60px;    
    height: 60px;    
    /* background-color: #fff; */
    z-index: 9;
}
/*#search_filter.sticky {
    border-bottom: none;
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
}*/
.search_filter_container {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.search_filter_wrap {
    position: relative;
    display: flex;
    align-items: center;
   
    height: 100%;
}
.search_filter_slide {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: auto;
    cursor: pointer;
}
.search_filter_slide:last-child {
    margin-right: 0;
}
.search_filter_slide > div {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;   
    font-weight: 500;     
    box-shadow: 0 0 0 1px #323c6e inset;
    border-radius: 6px;
    padding: 7px 12px;
	margin-top: 18px;
	width:123px;
	height:50px;
}
.search_filter_slide.on > div,
.search_filter_slide[data-active="true"] > div {
    box-shadow: 0 0 0 3px #323c6e inset;    
}
.search_filter_slide > div > img {
    margin-left: 4px;
    margin-top: 1px;
}
.search_filter_slide.map_addr > div > img {
    width: 16px;
    height: 16px;
    margin-top: 0;
    margin-left: 12px;
}
.search_filter_slide.notes > div > img {
    width: 12px;
    height: 14px;
    margin-left: 0;
    margin-right: 6px;
    margin-top: 0;
}
.search_filter_slide .list_type_label {
    font-size: 10px;
    font-weight: 300;
    color: #7c56d5;
    /*padding: 2px 6px;*/
    /*margin-right: 4px;*/
    margin-right: 6px;
    /*border: 1px solid rgba(53,115,209,0.5);*/
    /*border-radius: 16px;*/
}
.search_filter_slide.all_reset > div > img {
    width: 12px;
    height: 12px;
    margin-left: 0;
    margin-right: 4px;
}
.filter_count {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -5px;
    right: 0;
    width: 24px;
    height: 14px;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    background-color: #030303;
    border-radius: 8px;
}
#search_my_filter {
    position: relative;
    height: 48px;
    border-bottom: 1px solid #eee;
}
.my_filter_container {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.my_filter_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.my_filter_slide {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    font-size: 16px;
    font-weight: 300;
    color: #acacac;
}
.my_filter_slide.on {
    color: #030303;
    font-weight: 500;
}
.my_filter_slide > span {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 100%;
}
.my_filter_slide.on > span::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #030303;
}
#my_filter_save {
    display: none;
    position: relative;
    background-color: #f8f8f8;
    height: 29px;
}
.my_filter_save_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}
.my_filter_save_wrap > span {
    font-size: 12px;
    color: #777;
    font-weight: 300;
}
.my_filter_save_wrap > span:last-child {
    margin-left: 12px;
    text-decoration: underline;
}


.general-search-container {
    margin-bottom: 10px;
}
.general-search-filter-wrap {
    position: relative;
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.general-search-filter-wrap > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: auto;
    border-bottom: 1px solid #eee;
}
.general-search-filter-wrap > ul > li {
    position: relative;
    display: flex;
    align-items: center;    
    flex: auto;
    padding: 1.2rem 1rem;
    font-size: 1.15rem;
    font-weight: 500;
    cursor: pointer;
}
.general-search-filter-li::before {
    content: '';
    display: block;
    position: absolute;
    right: 1rem;
    width: 13px;
    height: 9px;
    background-image: url(../images/icon/down_arrow_gray.png);
    background-repeat: no-repeat;
    background-size: 13px;
}

.general-search-list-wrap {
    padding-bottom: 2rem;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.general-search-list-wrap > a {
    margin: 0.5rem 0;
    box-shadow: none;
    border: none;

    flex-basis: 50%;
}

.general-search-list-wrap > a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}

.main-list-container {
    margin-top: 0 !important;
}

/*소재지 검색*/
.jq_search_filter {
    display: none;
    flex-direction: column;
    position: relative;
    width: 500px;
    max-width: 100%;
    padding-top: 20px;
    background-color: #fff;
    border: 16px solid #fff;
    border-bottom: 20px solid #fff;
    border-top: none;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;    
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 99;
}
.jq_search_filter > div {
    width: 100%;
}
.search_wrap_top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 12px;
}
.search_title_wrap {
    position: relative;
    display: flex;
    align-items: center;    
    flex-wrap: wrap;
    width: 100%;
    /*padding-bottom: 16px;
    border-bottom: 1px solid #eee;*/
}
.g_title {
    font-size: 16px;
    font-weight: 400;
    color: #7c56d5;
    /*padding: 2px 8px;*/
    margin-right: 8px;
    /*border: 1px solid rgba(53,115,209,0.5);*/
    /*border-radius: 16px;*/
}
.search_title_wrap > span {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #acacac;
    cursor: pointer;
}
.search_title_wrap > span.on {
    color: #030303;
    font-weight: 500;
}
.search_title_wrap > button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 6px 6px 24px;
    margin-left: auto;
}
.search_cont_desc {
    width: 100%;
    font-size: 12px;
    color: #999;
}
.addr_type_wrap > span:nth-of-type(2),
.price_type_wrap > span:nth-of-type(2) {
    padding-left: 12px;
}
.addr_type_wrap > span:nth-of-type(2)::before,
.price_type_wrap > span:nth-of-type(2)::before {
    content: '';
    display: block;
    position: absolute;    
    left: 0;
    width: 1px;
    height: calc(100% - 12px);
    background-color: #ddd;
}
.addr_type_wrap > span:nth-of-type(1),
.price_type_wrap > span:nth-of-type(1) {
    border-right: none;
    padding-right: 12px;
}
.search_reset {
    position: relative;
    display: block;
    padding: 11px 0;
    font-size: 16px;
    white-space: nowrap;
    color: #777;
    border-radius: 8px;
    cursor: pointer;
}
.search_reset > img {
    width: 14px;
    height: 14px;
    margin-right: 8px;
}
.search_wrap_cont {
    display: none;
    position: relative;    
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.search_wrap_cont.date,
.search_wrap_cont.price {
    margin-bottom: 20px;
}
.search_wrap_cont.date > .slider_text_wrap,
.search_wrap_cont.price > .slider_text_wrap {
    width: 100%;
    padding: 12px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.special_wrap_cont > label{
    display: flex;
    align-items: center;
    width: 50%;
    height: 24px;
    /*flex-basis: 50%;*/
    font-size: 16px;
    padding-left: 30px;
    margin-bottom: 20px;
}
.special_wrap_cont > label > .blk_checkmark {
    position: absolute;  
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #030303;
}
.blk_check input:checked ~ .blk_checkmark {
    background-color: #030303;
    border: none;
}
.blk_check .blk_checkmark:after {
    top: 1px;
    left: 6px;
    width: 5px;
    height: 10px;
}
.blk_check.chk_blue {
    color: #439DE3;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    padding-left: 30px;
}
.blk_check.chk_blue input:checked ~ .blk_checkmark {
    background-color: #439DE3;
    border: none;
}
.blk_check.chk_blue .blk_checkmark:after {
    top: 2px;
    left: 6px;
    width: 6px;
    height: 10px;
}
.toji_wrap {
    position: relative;    
    display: none;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding-top: 12px;
    border-top: 1px solid #acacac;
}
.toji_wrap.on {
    display: flex;
}
.gugun_container {
    position: relative;
    width: 100%;
}
.gugun_wrap {
    position: relative;
    display: none;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding-top: 12px;
    margin-bottom: 12px;        
    background-color: #f8f8f8;
    box-shadow: 16px 0 0 0 #f8f8f8, -16px 0 0 0 #f8f8f8;
}
.gugun_wrap.on {
    display: flex;
}
.search_wrap_cont.on {
    display: flex;
}
.gugun_all {
    font-weight: 500;
}
.toji_wrap > span,
.gugun_wrap > span,
.search_wrap_cont > span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24.2%;
    font-size: 14px;
    padding: 7px 0;    
    box-shadow: 0 0 0 1px #ddd inset;
    border-radius: 16px;
    background-color: #fff;
    margin-bottom: 12px;
    margin-right: 1%;    
    cursor: pointer;
}
.toji_wrap > span.on,
.gugun_wrap > span.on,
.search_wrap_cont > span.on {
    box-shadow: 0 0 0 1px #030303 inset;
}
.search_wrap_cont > span:nth-of-type(4n) {
    margin-right: 0;
}
.gugun_wrap > span:nth-child(4n),
.toji_wrap > span:nth-child(4n) {
    margin-right: 0;
}

.search_wrap_cont > span > img {
    width: 10px;
    height: 5px;    
    margin-left: 4px;
}
.search_filter_slide > div > img.down,
.search_wrap_cont > span > img.down {    
    margin-top: 0;
    margin-left: 4px;
    transform: rotate(180deg);
}
.search_wrap_cont.special_all {
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.search_wrap_cont.special_all > .blk_check {
    margin-bottom: 0;
}
.search_wrap_cont.special {
    justify-content: flex-start;
}
.search_wrap_cont.special > span {    
    padding: 8px 6px;
    margin-right: 1%;
}
.search_btn_wrap {
    position: sticky;
    display: flex;
    justify-content: space-between;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 8px;
    padding-top: 18px;
    border-top: 1px solid #eee;
    background-color: #fff;
    z-index: 101;
}
.search_request_btn {
    width: 50%;
    font-size: 14px;
    color: #fff;
    padding: 9px 16px;
    margin-left: 0px;
    border-radius: 4px;
    background-color: #323c6e;
	border: none;
}
.search_reset_btn{
    width: 30%;
    font-size: 14px;
    color: #fff;
    padding: 9px 16px;
    margin-left: 12px;
    border-radius: 4px;
    background-color: #333;
	border: none;
}
.search_closed_btn{
    width: 20%;
    font-size: 14px;
    padding: 9px 16px;
    margin-left: 12px;
    border-radius: 4px;
    background: #fff;
	box-shadow: 0 0 0 2px #030303 inset;
}
.etc_search_wrap {
    height: 100%;    
    overflow-y: auto;
}
.etc_filter_top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;    
}
.etc_filter_top > span.search_wrap_cont_title {
    font-size: 20px;
    white-space: nowrap;
}
.uchal_filter_cont,
.etc_filter_cont {
    position: relative;    
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    max-height: 400px;
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    overflow-y: auto;
}
.uchal_filter_cont {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}
.etc_filter_cont.pt8 {
    padding-top: 8px;
}
.etc_filter_cont.pb12 {
    padding-bottom: 12px;
}
.etc_filter_cont.pt8 .area_slider_wrap {
    height: 40px;
}
.etc_filter_cont.pb28 {
    padding-bottom: 28px;
}
.etc_search_wrap .search_wrap_cont:last-child .etc_filter_cont {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.etc_state_inner {
    padding-bottom: 0;
    border-bottom: none;
}
.etc_g_state_inner {
    padding-bottom: 0;
    border-bottom: none;
}
.etc_land_area {
    padding-top: 24px;
    border-top: 4px solid #eee;
}
.uchal_filter_cont > span,
.etc_filter_cont > span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24%;
    font-size: 14px;
    padding: 7px 0;    
    box-shadow: 0 0 0 1px #ddd inset;
    border-radius: 16px;
    background-color: #fff;
    margin-bottom: 12px;
    margin-right: 1%;    
    cursor: pointer;
}
.uchal_filter_cont > span.on,
.etc_filter_cont > span.on {
    box-shadow: 0 0 0 1px #030303 inset;
}
.uchal_filter_cont > span:nth-of-type(4n),
.etc_filter_cont > span:nth-of-type(4n) {
    margin-right: 0;
}

.search_wrap_cont .slider_text_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.search_filter_input_wrap {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 2px;
    background-color: #f7f8f9;
	margin-right: 8px;
}
.search_filter_input_wrap > label {
    display: flex;
}
.search_filter_input_edit_icon {
    /*position: absolute;*/
    right: -16px;
    width: 16px;
}
.search_filter_input {
    width: 120px;
    font-size: 16px;
    text-align: center;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
.hide_search_filter_input {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0;
    opacity: 0;
}
.search_wrap_cont .slider_text_wrap.area_slider_text_wrap > div {
    justify-content: center;
}
.search_wrap_cont .slider_text_wrap.area_slider_text_wrap > div > .search_filter_input_wrap {
    /*margin-right: 8px;*/
}
.search_wrap_cont .slider_text_wrap > div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.search_wrap_cont .slider_text_wrap > span {
    margin: 0 8px;
}
.search_wrap_cont .slider_text_wrap > div.full {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}
.search_wrap_cont .slider_text_wrap > div span {
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    margin-right: 8px;
}
.search_wrap_cont .slider_text_wrap > div span.p_span {
    text-align: right;
    font-size: 16px;
    color: #acacac;
}
.search_wrap_cont .slider_text_wrap > div span.bid_val {    
    font-size: 16px;
    color: #030303;
}
.area_slider_wrap,
.date_slider_wrap,
.price_slider_wrap {
    position: relative;
    display: flex;
    align-items: center;    
    flex-wrap: wrap;
    width: 100%;
    height: 80px;
    overflow-x: hidden;
    padding: 0 12px;
}
.area_slider,
.date_slider,
.price_slider {
    width: 100%;
    height: 4px;
    cursor: pointer;
}
.area_slider.ui-widget.ui-widget-content,
.date_slider.ui-widget.ui-widget-content,
.price_slider.ui-widget.ui-widget-content {
    border: none;
    
    margin-right: 6px;
}
.area_slider .ui-slider-range,
.date_slider .ui-slider-range,
.price_slider .ui-slider-range {
    height: 4px;
}
.area_slider .ui-slider-handle,
.date_slider .ui-slider-handle,
.price_slider .ui-slider-handle {
   top: 31px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 2px solid #333;
    border-radius: 50%;
    cursor: pointer;
	position: absolute;
    z-index: 2;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;

}
.area_slider_desc,
.date_slider_desc,
.price_slider_desc {
    position: relative;    
    width: 100%;
}
.area_slider_desc {
    margin-top: 20px;
}
.area_slider_desc > span,
.date_slider_desc > span,
.price_slider_desc > span {    
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    color: rgba(51,51,51,0.8);
    white-space: nowrap;
}
.ui-slider-horizontal .ui-slider-handle{
    top: -0.2em;
    margin-left: -0.2em;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.5em;
    height: 0.5em;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
}

.date_slider.ui-widget.ui-widget-content {
    background-color: #333;
}
.date_slider .ui-slider-range {
    background-color: #ddd;
}
.share_filter_cont {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    max-height: 400px;
    /*padding-top: 20px;*/
    overflow-y: auto;
}
.share_filter_cont > span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24%;
    font-size: 14px;
    padding: 7px 0;    
    box-shadow: 0 0 0 1px #ddd inset;
    border-radius: 16px;
    background-color: #fff;
    margin-bottom: 12px;
    margin-right: 1%;    
    cursor: pointer;
}
.share_filter_cont > span.on {
    box-shadow: 0 0 0 1px #030303 inset;
}
.disposal_method_filter_cont {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    max-height: 400px;
    /*padding-top: 20px;*/
    overflow-y: auto;
}
.disposal_method_filter_cont > span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24%;
    font-size: 14px;    
	padding: 11px 0;
    box-shadow: 0 0 0 2px #030303 inset;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: 12px;
    margin-right: 1%;    
    cursor: pointer;
}
.disposal_method_filter_cont > span.BGmint {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24%;
    font-size: 14px;    
	padding: 11px 0;
    border-radius: 6px;
    background-color: #edfcff;
	box-shadow: 0 0 0 0;
    margin-bottom: 12px;
    margin-right: 1%;    
    cursor: pointer;
}
.disposal_method_filter_cont > span.BGred {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24%;
    font-size: 14px;    
	padding: 11px 0;
    box-shadow: 0 0 0 0;
    border-radius: 6px;
    background-color: #fff5f5;
    margin-bottom: 12px;
    margin-right: 1%;    
    cursor: pointer;
}
.disposal_method_filter_cont > span.on {
    background-color: #333;
	color: #fff;
}

.disposal_method_filter_cont > span.BGmint.on {
    color: #fff;
    background-color: #2d84b1;
}
.disposal_method_filter_cont > span.BGred.on {
    color: #fff;
    background-color: #ce5555;
}
.asset_classification_filter_cont:nth-of-type(1) {
    padding-top: 0;
    padding-bottom: 8px;
}
.search_wrap_cont.asset_classification_filter:nth-of-type(3) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
}
.asset_classification_filter_top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;    
}
.asset_classification_filter_top > span.search_wrap_cont_title {
    font-size: 20px;
    white-space: nowrap;
}
.asset_classification_filter_cont {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    max-height: 400px;
    padding-top: 20px;
    overflow-y: auto;
}
.asset_classification_filter_cont > span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24%;
    font-size: 14px;
    padding: 7px;
    box-shadow: 0 0 0 1px #ddd inset;
    border-radius: 16px;
    background-color: #fff;
    margin-bottom: 12px;
    margin-right: 1%;    
    cursor: pointer;
}

.asset_classification_filter_cont > span.on {
    box-shadow: 0 0 0 1px #030303 inset;
}

.ui-widget-header{
	border: 1px solid #dddddd;
    background: #333333;
    color: #333333;
    font-weight: bold;
}

/**************** public *******************/
@charset "utf-8";
@font-face {
    font-family: 'Nanum Gothic';
    src: url('../fonts/NanumGothic-ExtraBold.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Nanum Gothic';
    src: url('../fonts/NanumGothic-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Nanum Gothic';
    src: url('../fonts/NanumGothic-Regular.ttf') format('truetype');
    font-weight: 400;
} 
:root {
    --color-primary: #323c6e;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; font-family: 'Nanum Gothic', sans-serif; }
html, body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, ul, ol, li, dl, dt, dd, caption,
tfoot, fieldset, fo7m, label, legend, input, button, textarea, select 
{margin:0; padding: 0; }
html, body { margin: 0; padding: 0; height: 100%; }
em { font-style: inherit; }
ul { list-style: none; }
a { text-decoration: none; color: currentColor; cursor: pointer; }
i { font-style: inherit; }
img { vertical-align: top; }


/* body { letter-spacing: -0.6px; } */
body { letter-spacing: -0.6px; }
.btn { 
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}
.inp-date {
    padding-right: 25px !important;
    background-image: url(../img/calendar.png);
    background-repeat: no-repeat;
    background-position: right center;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/arrow_down_s.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding: 3px 25px 3px 10px;
    border-color: #b4b4b4;
}
select::-ms-expand {
    display: none;
}


input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}   

/*basic*/
.estate-cotainer {
    color: #333;
    padding-bottom: 100px;
}
.estate-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1000;
}
.estate-fixed-inner {
    position: relative;
    width: 865px;
    margin: 0 auto;
}
.estate-fixed .btn {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    height: 40px;
    border-radius: 5px;
    background: var(--color-primary);
    color: #Fff;
    font-size: 20px;
    font-weight: 700;
}
.estate-fixed .scrollTop {
    position: absolute;
    right: 15px;
    bottom: 100%;
    margin-bottom: 20px;
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-primary);
    border: 1px solid currentColor;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    cursor: pointer;
}
.estate-inner {
    max-width: 865px;
    margin: 0 auto;
}
.estate-head { 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 146px;
    border-bottom: 2px solid var(--color-primary);
    color: var(--color-primary);
	position : relative;
	/*    position: sticky; 상단고정 
    top: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.estate-head.hide { 
    top: -500px; */
} 
.estate-head .titleTxt {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.6px;
}
.estate-head .labelTxt {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 1.7em;
    letter-spacing: -0.6px;
}

/*tab*/
.estate-tab-area {
    padding: 40px 16px 16px;
}
.estate-tab-area ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.estate-tab-area li {
    flex: 1;
}
.estate-tab-area li + li {
    margin-left: 30px;
}
.estate-tab-area .btn {
    width: 100%;
    height: 80px;
    font-size: 30px;
    letter-spacing: -0.6;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 30px;
    background: #fff;
}

.estate-tab-area li.active .btn {
    color: #fff;
    background-color: var(--color-primary);
}

.estate-tab-item { display: none !important; }
.estate-tab-item.active { display: flex !important; }

.estate-time { text-align: right; font-size: 16px; letter-spacing: -0.6px; padding: 0 16px; }


/* form */
.estate-form-area { padding-top: 24px; }
.estate-checkbox-gorup { display: flex; justify-content: flex-start; align-items: stretch; }
.estate-checkbox-gorup + .estate-checkbox-gorup { margin-top: 4px; }
.estate-checkbox-gorup .estate-checkbox { flex: 1; }
.estate-checkbox-gorup .estate-checkbox + .estate-checkbox { margin-left: 4px; }
.estate-checkbox-gorup .estate-checkbox.large + .estate-checkbox.large { margin-left: 10px; }
.estate-checkbox,
.basic-checkbox {
    position: relative;
}
.estate-checkbox input,
.basic-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 100;
}
.estate-checkbox input + label {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
	padding: 11px 0;
    border-radius: 6px;
    font-size: 14px;
    letter-spacing: -0.6px;
    background-color: #eaeeff;
    color: #111;
    cursor: pointer;
}
.estate-checkbox input:checked + label {
    color: #fff;
    background-color: var(--color-primary);
}
.estate-checkbox.large input + label {
    height: 54px;
    font-size: 24px;
    font-weight: 400;
}

/* bg */
.estate-checkbox.BGnav input + label { background-color: #fff;     box-shadow: 0 0 0 2px #030303 inset;}
.estate-checkbox.BGnav input:checked + label { color: #fff; background-color: #333; }

.estate-checkbox.BGmint input + label { background-color: #edfcff; }
.estate-checkbox.BGmint input:checked + label { color: #fff; background-color: #2d84b1; }

.estate-checkbox.BGred input + label { background-color: #fff5f5; }
.estate-checkbox.BGred input:checked + label { color: #fff; background-color: #ce5555; }

.estate-checkbox.BGred input + label { background-color: #fff5f5; }
.estate-checkbox.BGred input:checked + label { color: #fff; background-color: #ce5555; }

.estate-checkbox.BGturqu input + label { background-color: #eaf3ff; }
.estate-checkbox.BGturqu input:checked + label { color: #fff; background-color: #325a6e; }

.basic-checkbox input + label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    font-size: 20px;
}
.basic-checkbox input + label:before {
    content: "\2714";
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    width: 22px;
    height: 22px;
    border: 1px solid #b4b4b4;
    font-size: 14px;
    color: #fff;
    background: #fff;
    border-radius: 4px;
}
.basic-checkbox input:checked + label {
    font-weight: 700;
}
.basic-checkbox input:checked + label:before {
    background: #2676ff;
    border: 1px solid #2676ff;
    border-radius: 4px;
    opacity: 1;
}

/* notice */
.estate-notice-area {
    margin: auto;
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: -0.6px;
    color: #555;
	border-top: 1px solid #eee;
    width: 100%;
    padding: 12px;
}
.estate-field-area {
    padding: 17px 0px 0;
    border-bottom: 0;
}
.estate-field-area .field-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    /*margin-bottom: 20px;*/
    padding: 0 22px;
}
.estate-field-area .field-wrap.max-size {
    flex-shrink: 0;
    width: 100%;
}

.estate-field-area .checkItem { display: none; }
.estate-field-area .checkItem.active { display: flex; }

.estate-field-area .field-area { margin-bottom: 20px; }
.estate-field-area .field-group { flex: 1; max-width: calc(50% - 14px); }
.estate-field-area .field-group + .field-group { margin-left: 28px; }
/*.estate-field-area .field-area { margin-top: 20px; }*/
.estate-field-area .field-area {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    letter-spacing: -0.6px;
}
.estate-field-area .field-area > label,
.estate-field-area .field-area .unit,
.estate-field-area .field-area .select-sd,
.estate-field-area .field-area .inp-sd {
    color: #555;
    flex-shrink: 0;
}
.estate-field-area .field-area > label {
    font-size: 22px;
    margin-right: 14px;
    min-width: 81px;
    font-weight: 700;
}
.estate-field-area .field-area .unit {
    font-size: 17px;
    margin-left: 6px;
}
.estate-field-area .field-area input::placeholder {
    color: #999;
}
.estate-field-area .field-area input,
.estate-field-area .field-area select {
    flex-grow: 1;
    width: 100%;
    height: 30px;
    border: 1px solid #b4b4b4;
    margin-left: 6px;
    font-size: 17px;
    letter-spacing: -0.6px;
}
.estate-field-area .field-area input[type="checkbox"] {
    margin-left: 0;
}
.estate-field-area .field-area input,
.estate-field-area .field-area select {
    padding: 0px 10px 2px;
}
.estate-field-area .field-area .inp-sd {
    width: 70px;
    flex-grow: 0;
}
.estate-field-area .field-area .select-sd {
    width: 65px;
    flex-grow: 0;
}

.estate-field-area .field-area .select-sd:nth-child(3),
.estate-field-area .field-area .select-sd:nth-child(4) {
    width: 109px;
}

.estate-field-area .field-area select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/arrow_down_s.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
    padding: 0px 20px 0px 10px;
}
.estate-field-area .field-area select::-ms-expand {
    display: none;
}

.field-area.stretch {
    align-items: stretch;
}
.field-area .vert-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 15px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1.5px;
    color: var(--color-primary);
    border-right: 2px solid var(--color-primary);
}
.field-area .check-list {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.field-area .check-list .basic-checkbox {
    width: calc(33% - 33px);
    padding: 7px 0;
    margin-left: 33px;
}
.field-area .check-list .basic-checkbox input {
    height: 100%;
}
.field-area .check-list .basic-checkbox input + label {
    font-size: 15px;
}
.field-area .check-list .basic-checkbox input + label:before {
    width: 20px;
    height: 20px;
    margin-right: 14px;
}


.daterangepicker { background: transparent; }
.daterangepicker th { font-weight: 700; }
.daterangepicker td { font-size: 16px; height: 32px; border-radius: 4px;  }
.daterangepicker td.active, .daterangepicker td.active:hover { background: #2676ff; }
.daterangepicker td.available, 
.daterangepicker th.available { position: relative; }
.daterangepicker th.available:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
} 
.daterangepicker th.prev.available {
    background-image: url(../img/calendar_prev.svg);
    background-position: center;
}
.daterangepicker th.next.available {
    background-image: url(../img/calendar_next.svg);   
    background-position: center;
}


.daterangepicker.openscenter:before,
.daterangepicker.openscenter:after { display: none; }
.daterangepicker.ltr { display: none; }
.daterangepicker.ltr .calendar.left .calendar-table { padding: 8px 15px 15px; }
.daterangepicker.ltr .calendar.left .calendar-table .table-condensed { border-collapse: collapse; }
.daterangepicker.ltr .calendar.left .calendar-table { border: 1px solid #ccc; border-radius: 8px; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); }
.daterangepicker.ltr .calendar.left .calendar-table thead tr:first-child { height: 32px; font-size: 18px; }
.daterangepicker.ltr .calendar.left .calendar-table thead tr:first-child th { border: 0; border-radius: 0; border-bottom: 1px solid #ccc;  }
.daterangepicker.ltr .calendar.left .calendar-table thead tr:last-child th { padding-top: 8px; }


.form-btn-wrap .btn-area {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    border-top: 1px solid var(--color-primary);
    border-bottom: 0;
}
.form-btn-wrap .toolTip {
    position: relative;
    margin-left: 8px;
    margin-top: 2px;
}
.form-btn-wrap .toolTip .message {
    display: none;
    position: absolute;
    bottom: 100%;
    margin-bottom: 10px;
    left: 50%;
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 15px;
    color: var(--color-primary);
    border: 1px solid currentColor;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    pointer-events: none;
}
.form-btn-wrap .toolTip:hover .message {
    display: block;
}
.form-btn-wrap .btn {
    flex-grow: 1;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    font-weight: 700;
    height: 48px;
}
.form-btn-wrap .btn:hover {
    /*display: block;*/
}
.form-btn-wrap .btn-more{
    height: 36px;
    background: #e9e9e9;
}
.form-btn-wrap .btn-more:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/more.png);
    background-repeat: no-repeat;
    background-position: bottom 2px center;
    margin-right: 6px;
}
.form-btn-wrap .btn-more:after {
    content: "상세 조건 열기";
    height: 40px;
    color: var(--color-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-btn-wrap .btn-more.active:before {
    background-image: url(../img/moreUp.png);
}
.form-btn-wrap .btn-more.active:after {
    content: "상세 조건 닫기";
} 
.form-btn-wrap .submitBtn {
    width: 50%;
    background-color: var(--color-primary);
    color: #fff;
}
.form-btn-wrap .savedBtn1,
.form-btn-wrap .resetBtn {
    width: 25%;
}
.form-btn-wrap .submitBtn:hover { background-color: #465187; }
.form-btn-wrap .savedBtn1:hover { background-color: #a8aab3; }
.form-btn-wrap .resetBtn:hover { background-color: #f1f1f1; }

.form-btn-wrap .savedBtn1 {
    background-color: #8d91a5;
    color: #fff;
}
.form-btn-wrap .resetBtn  {
    background-color: #fff;
    color: var(--color-primary);
    border-bottom: 1px solid currentColor;
}


/* 열기 */
.field-drop-area { display: none; }

/* sort  */
.search-filter-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 34px 0 10px;
	width : 100%; /* body min-width 865px 없애면서 추가함 */
}
.search-filter-head .option-area {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.search-filter-head .option-area {
    height: 36px;
}
.search-filter-head select {
    height: 100%;
    font-size: 16px;
}

.search-filter-head .select-wrap {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 19px;
    border: 1px solid var(--color-primary);
}
.search-filter-head .select-wrap > label {
    /*position: absolute;
    top: 0;
    left: 0;*/
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 100%;
    font-weight: 700;
    text-align: center;
}
.search-filter-head .select-wrap > select {
    font-size: 18px;
    padding-right: 40px;
    background-size: 20px;
    border: 0;
}

.list-type-option {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: 10px;
    border: 1px solid #b4b4b4;
    height: 100%;
}
.list-type-option .btn {
    border: 0;
    width: 34px;
    background-color: #fff;
    font-size: 18px;
    padding-top: 2px;
    color: #ccc;
}
.list-type-option .btn + .btn {
    border-left: 1px solid #b4b4b4;
}
.list-type-option .btn.active {
    color: var(--color-primary);
}


/* list */
.search-result-list {}
.search-result-list > table { width: 100%; border-collapse: collapse; }
.search-result-list > table > tbody > tr[onclick] { cursor: pointer; }
.search-result-list thead { border-top: 1px solid #ddd; }
.search-result-list th,
.search-result-list td { padding: 0 10px; }
.search-result-list th {  
    height: 60px;
    font-size: 17px;
    font-weight: 700;
    background: #d6dce4;
}
.search-result-list th + th { border-left: 1px solid #fff;  }
.search-result-list td { padding-top: 10px; }
.search-result-list td + td { border-left: 1px solid #ddd; }
.search-result-list td .result-details-area { margin-top: 20px; padding-bottom: 70px; border-bottom: 4px solid #eee; }
.search-result-list td.td_center { text-align: center; }
.search-result-list .detailsTr > td { padding: 0; } 
.search-result-list td .forSale-dday { text-align: center; }

.search-result-list .table-head { border-top: 1px solid #ddd; }
.search-result-list .table-body {}
.search-result-list .table-tr { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; cursor: pointer; }
.search-result-list .table-tr.active,
.search-result-list .table-tr.active .forSale-bottom {
    background: #f1f1f1;
}
.search-result-list .table-tr.active {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.search-result-list .table-th,
.search-result-list .table-td {
    display: flex;
    padding: 0 10px;
}
.search-result-list .table-th {
    display: flex;
    justify-content: center;
    align-items: center;
    text-overflow: clip;
    height: 60px;
    font-size: 17px;
    font-weight: 700;
    background: #d6dce4;
}
.search-result-list .table-td {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
}
.search-result-list .table-th + .table-th {
    border-left: 1px solid #fff
}
.search-result-list .table-td + .table-td {
    border-left: 1px solid #ddd;
}
.search-result-list .table-th:nth-child(1),
.search-result-list .table-td:nth-child(1) {
    width: 70%;
}
.search-result-list .table-th:nth-child(2),
.search-result-list .table-td:nth-child(2) {
    width: 17%;
}
.search-result-list .table-th:nth-child(3),
.search-result-list .table-td:nth-child(3) {
    width: 13%;
}
.search-result-list .table-td:nth-child(2) {
    justify-content: flex-end;
}
.search-result-list .table-td.bottom-item {
    width: 100%;
    flex-shrink: 0;
    padding: 0;
    border: none;
}
.search-result-list .red { color: #ff6347 !important; }
.search-result-list .blue { color: #0066ff; }
.search-result-list .wDTxt { display: none; }

.forSale-details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.forSale-details .imgBox {
    flex-shrink: 0;
    width: 190px;
    height: 125px;
    margin-right: 15px;
}
.forSale-details .imgBox img {
    width: 100%;
    height: 100%;
    object-fit : cover;
}
.forSale-details .txtBox {
    flex-grow: 1;
    font-size: 17px;
    line-height: 1.4em;
    letter-spacing: -0.6px;
}

.forSale-details .subjectTxt {
    font-weight: 700;
}
.forSale-details .areaSizeTxt span { color: #ff6347; }
.forSale-details .tag-list {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}
.forSale-details .tag-list .tagTxt {
    background: #e96656;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 250px; */
    padding-left: 4px;
    padding-right: 4px;
    height: 22px;
    margin-right: 5px;
    margin-top: 3px;
}

.forSale-price {
    text-align: right;
    font-size: 16px;
    line-height: 1.2em;
}

.forSale-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background: #f8f8f8;
    width: 100%;
    height: 100%;
    font-size: 17px;
    letter-spacing: -0.6px;
}
.forSale-bottom .clickView { font-size: 15px; }


.search-result-list.trans-block {  }
.search-result-list.trans-block .table-head { display: none; }
.search-result-list.trans-block .mDTxt { display: none; }
.search-result-list.trans-block .wDTxt { display: block; }
.search-result-list.trans-block .table-body {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
}
.search-result-list.trans-block .table-tr { 
    width : calc(25% - 20px);
    margin-left: 20px;
    margin-top: 20px;
    flex-direction: column; 
    align-items: stretch; 
}
.search-result-list.trans-block .table-td {
    padding: 0;
    width: 100%;
    border: none;
}
.search-result-list.trans-block .table-td:nth-child(2),
.search-result-list.trans-block .table-td:nth-child(3) {
    width: 100%;
}
.search-result-list.trans-block .forSale-details {
    flex-direction: column;
    width: 100%;
}
.search-result-list.trans-block .forSale-details .imgBox { width: 100%; margin-right: 0; }
.search-result-list.trans-block .forSale-details .txtBox {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    padding: 5px;
    width: 100%;
}
.search-result-list.trans-block .forSale-details .addressTxt { order: 1; font-weight: 700; } 
.search-result-list.trans-block .forSale-details .addressTxt:after {
    content: " /";
    padding-right: 0.4em;
}
.search-result-list.trans-block .forSale-details .subjectTxt { text-align: center; order: 2; }

.search-result-list.trans-block .forSale-price { width: 100%; padding: 0 10px; }
.search-result-list.trans-block .forSale-price .tPriceTxt,
.search-result-list.trans-block .forSale-price .bPriceTxt {  
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    margin-bottom: 5px;
}
.search-result-list.trans-block .forSale-price .tPriceTxt:before,
.search-result-list.trans-block .forSale-price .bPriceTxt:before {
    font-size: 11px;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background: #666;
    color: #fff;
    text-align: center;
}
.search-result-list.trans-block .forSale-price .tPriceTxt:before {
    content: "감";
}
.search-result-list.trans-block .forSale-price .bPriceTxt:before {
    content: "저";
    background: #3284ff;
}
.search-result-list.trans-block .forSale-bottom { 
    background: #fff;
    border-top: 1px solid #333;
    justify-content: center;
    font-size: 14px;
    text-align: center;
}
.search-result-list.trans-block .forSale-bottom .saleDate {
    font-weight: 700;
    margin-top: 5px;
}

.table-pagenation { 
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 100px;
}
.table-pagenation ul { 
    display: flex;
    justify-content: center;
    align-content: 
}
.table-pagenation li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 16px;
}
.table-pagenation li:hover {
    background: #eee;
}
.table-pagenation li + li {
    margin-left: 8px;
}
.table-pagenation li.active {
    background: #323c6e;
    color: #fff;
    font-weight: 700;
}
.table-pagenation .pageBtn {
    background-color: #fff;
    width: 100%;
    height: 100%;
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.table-pagenation .firstBtn { background-image: url(../img/page-first.png); }
.table-pagenation .prevtBtn { background-image: url(../img/page-prev.png); }
.table-pagenation .nexttBtn { background-image: url(../img/page-next.png); }
.table-pagenation .lasttBtn { background-image: url(../img/page-last.png); }



.result-details-area {  
    flex-shrink: 0;
    width: 100%;
    margin-top: 40px;
    display: none;
}
.result-details-area table {
    width: 100%;
    font-size: 14px;
    border-collapse: collapse;
}
.result-details-area table td,
.result-details-area table th {
    border: 1px solid #ddd;
    height: 34px;
/*
    padding: 0 15px; 
	font-size: 14px;
	*/
    padding: 10 15px;
    font-size: 16px;
}
.result-details-area table th { 
    background: #eee;
}
.result-details-area #detail_info_01 table tr:nth-child(2) td:nth-child(2),
.result-details-area #detail_info_01 table tr:nth-child(2) td:nth-child(4),
.result-details-area #detail_info_01 table tr:nth-child(3) td:nth-child(4) { text-align: right; }

.result-details-area #detail_info_01 table tr:nth-child(1) td:nth-child(2),
.result-details-area #detail_info_01 table tr:nth-child(1) td:nth-child(4),
.result-details-area #detail_info_01 table tr:nth-child(1) td:nth-child(6),
.result-details-area #detail_info_01 table tr:nth-child(2) td:nth-child(6),
.result-details-area #detail_info_01 table tr:nth-child(6) td:nth-child(2),
.result-details-area #detail_info_01 table tr:nth-child(6) td:nth-child(4),
.result-details-area #detail_info_01 table tr:nth-child(7) td:nth-child(2),
.result-details-area #detail_info_01 table tr:nth-child(7) td:nth-child(4),
.result-details-area #detail_info_01 table tr:nth-child(3) td:nth-child(2) { text-align: center; }

.result-details-area #detail_info_02 table tr td:nth-child(1), 
.result-details-area #detail_info_02 table tr td:nth-child(2) { text-align: center; }

.result-details-area #detail_info_03 table tr td { word-break : keep-all; }

.result-details-area table tr td { word-break : keep-all; }

.details-notice-area {
    margin: 20px 15px 10px;
    text-align: center;
    border: 1px solid #ff6347;
    color: #ff6347;
    font-size: 14px;
    line-height: 1.5em;
    padding: 20px 15px;
    border-radius: 12px;
}
.result-details-area .details-description {
    padding: 0 15px;
    font-size: 14px;
}
.details-description .txt-area { 
    white-space: pre-line; 
    height: 150px; 
    overflow: hidden; 
    color: #888;
}
.details-description .btn-area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    position: relative;
    z-index: 100;
    box-shadow: 0px -20px 20px 15px rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px -20px 20px 15px rgba(255, 255, 255, 0.9);
}
.details-description .btn-area .btn {
    width: 120px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    background-color: #666;
    color: #fff;
    border: 0;
    border-radius: 5px;
}
.details-description.active .txt-area {
    height: 100%;
}
.details-description .btn-area .closeBtn {
    display: none;
    background: #fff;
    color: var(--color-primary);
    border: 1px solid currentColor;
}
.details-description.active .btn-area {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.details-description.active .btn-area .openBtn {
    display: none;
}
.details-description.active .btn-area .closeBtn {
    display: block;
}

.result-details-area > .btn-area {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 20px;
}
.result-details-area > .btn-area .btn {
/*  기존 사이즈 
    width: 140px;
    height: 40px;
	*/
	width: 210px;
	height: 60px;
    border-radius: 5px;
    background: #666;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.result-details-area > .btn-area .btn:hover { opacity: 0.8; }
.result-details-area > .btn-area .btn + .btn {
    margin-left: 4px;
}
.result-details-area > .btn-area .btn img {
    margin-left: 5px;
}
.result-details-area > .btn-area .btn i.fa { margin-left: 6px; }
.result-details-area > .btn-area .btn-primary { background: var(--color-primary); opacity: 1 !important; cursor: default; }
.result-details-area > .btn-area .shareBtn { background: #ffe500; color: #3b1e1e; }
.result-details-area > .btn-area .mapBtn { background: #19ce60; }
.result-details-area > .btn-area .btn:nth-child(3) {  }

/* 공매 */
.form-tab-area {
    border: 1px solid var(--color-primary);
    border-bottom: 0;
}
.form-tab-area ul {  
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.form-tab-area li {
    flex: 1;
    border-bottom: 1px solid var(--color-primary);
}
.form-tab-area .btn {
    border: 0;
    width: 100%;
    height: 60px;
    font-size: 25px;
    font-weight: 700;
    background: #acacac;
}
.form-tab-area li.active .btn {
    background: #fff;   
}
.form-tab-area li.active { border-bottom: 0; }
.form-tab-area li.active + li,
.form-tab-area li + li.active {
    border-left: 1px solid var(--color-primary);
}
.public-form-area .estate-checkbox-gorup {
    border: 1px solid var(--color-primary);
    border-top: 0;
    border-bottom: 0;
    margin-top: 0;
    padding: 15px 25px 0;
}
.public-form-area .estate-field-area {
    border-top: 0;
    padding-top: 20px;
}

.tab-item  { display: none !important; }
.tab-item.active { display: flex !important; }
.field-group.tab-item.active,
.ck-item.tab-item.active { display: block !important; }

.actionForm { display: none; }
.actionForm.active { display: block; }


.radio-group {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.radio-group .checkbox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 30px;
    border: 1px solid #ddd;
}
.radio-group .checkbox + .checkbox {
    margin-left: -1px;
}
.radio-group .checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
}
.radio-group .checkbox input + label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.radio-group .checkbox input:checked + label {
    background: var(--color-primary);
    color: #fff;
}


.direct-pagenation {
    width: 120px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.direct-pagenation input,
.direct-pagenation button {
    flex-grow: 1;
    width: 60px;
}
.direct-pagenation input {
    padding: 5px;
    text-align: center;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid var(--color-primary);
}
.direct-pagenation input:focus {
    border-radius: 5px 0px 0px 5px;
}
.direct-pagenation button {
    border-radius: 0px 5px 5px 0px;
    background: var(--color-primary);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.table-pagenation .direct-pagenation {
    position: absolute;
    right: 0;
    top: 0;
    margin: 35px 0;
}

/* 상세정보 */
.table_view_info {
	color : #333;
	white-space : normal;
}

.table_view_info caption, .invisibleclass, .table_view_info .jisi_etc, .table_view_info .nearMaeTongList > div, .table_view_info .Ltbl_dt img {
	display : none;
}

.table_view_info .nearMaeTongList, .table_view_info .Ltbl_list > tbody > tr > td {
	white-space : normal !important;
}

.table_view_info .nearMaeTongList .Ltbl_list {
	text-align : center;
}

.txtright {
	text-align : right !important;
}

.table_view_info .txt-area {
	color : #333;
}

.table_view_info .table_contents {
	margin-top : 20px;
	margin-bottom : 40px;
}

.table_view_info .table_title {
	margin-top : 10px;
	margin-bottom : 10px;
}

.table_view_info th, .table_view_info td {
	padding-top : 10px;
	padding-bottom : 10px;
	line-height : 2em;
}


.layerpopup .popup-top { position:relative; background-color:#4974a7; height:54px; }
.layerpopup .popup-top p { display:inline-block; font-size:18px; color:#fff; line-height:54px; padding-left:3%; }
.layerpopup .popup-top a { position:absolute; right:0; top:0; }
.layerpopup .popup-con { padding-left:3%; padding-right:3%; }
/* .layerpopup .popup-con .input { margin-top:20px; }
.layerpopup .popup-con .input p { margin-bottom:8px; }
.layerpopup .popup-con .input input { height:40px; } */
.layerpopup .popup-con .input { margin-top:10px; }
.layerpopup .popup-con .input p { margin-bottom:5px; }
.layerpopup .popup-con .input input { height:30px; }

.layerpopup .popup-con .float_left { float : left; width : 48%; }
.layerpopup .popup-con .clear_float { clear : both; }
.mr10 { margin-right : 10px; }
.layerpopup .btn { display:inline-block; height:40px; line-height:40px; vertical-align:top; }
 .layerpopup .btn-cal { background:#4974a7; color:#fff; font-size:18px; padding:0 30px; border:none; height:40px; line-height:40px; margin-top:10px; }
 .layerpopup .btn-apply { background:#4974a7; color:#fff; font-size:16px; padding:0 50px; margin-right:15px; }
 .layerpopup .btn-cancle { background:#fff; color:#303030; border:1px solid #4974a7; font-size:16px; padding:0 50px; }
.mt30 {
    margin-top: 30px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb10 {
    margin-bottom: 10px;
}
.layerpopup input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"] {
    height: auto;
    line-height: normal;
    padding: 6px 10px;
    box-sizing: border-box;
    width: 100%;
    color: #303030;
    font-size: 14px;
    font-family: inherit;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 1px solid #d5d5d5;
}
.layerpopup.popup {
    display: none;
    width:650px;
    position:fixed; /* absolute에서 페이지 상단으로 이동 안하기 위해 변경 */
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background: #fff;
    line-height: 1.625;
    font-size: 16px;
    letter-spacing: -0.7px;
    z-index: 1200;
    overflow-X: hidden;
}
.block2 {
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}
button {
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    font-family: inherit;
    outline: none;
    background: none;
}
.agree {
    width: 100%;
    height: 60px;
    overflow-y: auto;
    font-size: 12px;
}
.ta-c {
    text-align: center;
}

.link_disable { pointer-events : none; }

.sticky { 
height : 100%;
border : none;
position: sticky;
top: 0;
z-index: 100;
transition: all 0.3s;
-webkit-transition: all 0.3s;
} 

.right-zero {
right : 0;
}

.sticky_con {
position : absolute;
font-size : 1.2em;
color : #3b1e1e;
background : #fae100;
margin-top : 20px;
padding : 10px;
font-weight : bold;
border-radius : 10px;
}

.top-zero {
    top: 0;
}
.estate-inner .top_right {
    position: absolute;
    right: 0;
    top : 0;
    margin-top: 0;
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-primary);
    border: 1px solid currentColor;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    cursor: pointer;
}

.break_all {
	word-break: break-all;
}
.keep_word {
	word-break: keep-all !important;
}

.blocker { z-index:8888 !important; }
.height_50 { height : 50px !important;}
.width_half { width : 50% !important; }

.btn-area.area_03 { magrin-top : 20px; margin-bottom : 50px; }

.BGdarkgreen { background: #325a6e !important; }

.search-result-list div { 	word-break: break-all; }

.search-result-list .area_03 { display : block; text-align : center;}
.area_03 .btn { margin : 20px auto; }

.edit_icon {    width: 20px;   opacity: 0.3;}

@media screen and (max-width: 1200px) {
    .search_notes_sort_wrap {
        right: 16px;
    }
}
@media screen and (max-width: 834px) {
    #search_filter > .inbox {
        padding: 0;
    }
    .search_filter_container {
        padding: 0 16px;
    }
    html.scroll .jq_search_filter {
        top: 60px;
        /*height: calc(100% - 60px);*/
    }
    .jq_search_filter {
        position: fixed;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100% !important;
        left: 0 !important;
        /*height: calc(100% - 120px);*/
        /*max-height: inherit;*/
        overflow: auto;
    }
    .search_btn_wrap {
        align-items: flex-end;
        margin-top: auto;
        margin-bottom: 0;
        padding-top: 5px;
        border-top: 1px solid #eee;
    }

	.search_filter_slide > div {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;   
		font-weight: 500;     
		box-shadow: 0 0 0 1px #323c6e inset;
		border-radius: 6px;
		padding: 7px 12px;
		margin-top: 18px;
		width:110px;
		height:40px;
	}

	.field-area .check-list .basic-checkbox input + label {
		font-size: 12px;
	}

	.jq_search_filter {
		touch-action: pan-y;  
	}

}

@media screen and (max-width: 414px) {
    .etc_filter_top > span.search_wrap_cont_title {
        margin-right: 16px;
    }
    .search_filter_input {
        width: 90px;
        font-size: 14px;
    }
    .search_wrap_cont .slider_text_wrap.area_slider_text_wrap > div > .search_filter_input_wrap > .search_filter_input {
        width: 60px;
    }
    .search_wrap_cont .slider_text_wrap > div span {
        font-size: 14px;
    }
    .search_wrap_cont.special_all > .blk_check {
        width: auto;
    }
    .special_toggle_wrap {
        margin-left: auto;
    }

	.search_filter_slide > div {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;   
		font-weight: 500;     
		box-shadow: 0 0 0 1px #323c6e inset;
		border-radius: 6px;
		padding: 7px 12px;
		margin-top: 18px;
		width:110px;
		height:40px;
	}

	.field-area .check-list .basic-checkbox input + label {
		font-size: 12px;
	}

	.jq_search_filter {
		touch-action: pan-y;  
	}
	
}