/************************************************
 * 목록
 ************************************************/

.property {
    background-color: #fff;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 2;
}

.property:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.property:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.10), 0 3px 3px 0 rgba(0, 0, 0, 0.10);
}

.property-img {
    position: relative;
    display: block;
    overflow: hidden;
	background-size:cover;
	background-position:center center;
}

.property-img:before {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: linear-gradient(to top,rgb(35 35 37 / 66%) 0%,rgb(35 35 37 / 13%) 35%,rgb(255 255 255 / 0%) 60%,rgb(255 255 255 / 0%) 100%);
    border-radius: 4px 4px 0 0;
    opacity: 1;
}

.property .hp-1 {
	height: 250px;
}

.property-1 .property-img {
	height:205px;
}

.property-1 .property-price {
	position:absolute;
	right:10px;
	bottom:10px;
	color:rgb(255 255 255 / 0.9);
}

.property-tag {
    position: absolute;
}

.property-tag.sale {
    right: 15px;
    top: 15px;
}

.property .button, input[type="submit"] {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px 4px;
    border-radius: 2px;
    color: #fff;
    border: none;
    background-color: rgb(0 0 0 / 25%);
    letter-spacing: 1px;
    display: inline-block;
    z-index: 20;
}

.property-content {
    padding: 20px;
}

.property-content .title {
    font-size: 18px;
    font-weight: 600;
}

.property-content .title a:hover {
    color: #4a4747;
}

.property-content p {
    margin: 10px 0 20px;
}

.ratings {
    color: orange;
    font-size: 12px;
}

.property-content .property-address {
    margin: 0 0 10px;
}

.property-content .property-address a {
    font-size: 15px;
    color: #535353;
}

.property-content .property-address a i {
    margin-right: 3px;
}

.property-content ul.facilities-list {
	padding:0px;
}
.property-content .facilities-list li {
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 22px;
}

.property-content .fl-2 li {
    width: 50%;
}

.property .col-pad {
    padding: 0;
}

.property .hp-2 {
    height: 249px;
}

.property .property-content {
	position:relative;
    padding: 0px!important;
}

.property .property-content .info{
    padding: 10px 15px;
	min-height:125px;
}

.property-2 {
    z-index: 2;
    background: #fff;
    text-align: left;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	position:relative;
	border-radius:5px;
	box-shadow:0 0 5px 1px rgba(0,0,0,.1)
}

.property-2:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.property-2 .property-overflow {
    overflow: hidden;
    position: relative;
    z-index: 999;
}

.property-2 .property-photo {
	background-size:cover;
	background-position:center center;
}

.property-2 .content {
    padding: 10px 15px 10px 15px;
}

.featured-tag2:hover i {
    transform: rotateY(360deg);
}

/** PROPERTY 3 SECTION START **/
.property-3 {
    position: relative;
    overflow: hidden;
    background: #fff;
    z-index: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    width: 100%!important;
	height:240px;
}

.property-3:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.property-3:before {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: linear-gradient(0,#2b2c27e6,rgb(255 255 255 / 0%));
    border-radius: 4px 4px 0 0;
    opacity: 1;
}

.property-3:hover:before {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: linear-gradient(0,#122868e6,rgb(255 255 255 / 0%));
    border-radius: 4px 4px 0 0;
    opacity: 1;
}

.property-3 h3 {
    -webkit-transition: .4s;
    transition: .4s;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 12px;
    color: #fff;
}

.property-3 p {
    -webkit-transition: .4s;
    transition: .4s;
    font-weight: 600;
    font-size: 13px;
    margin: 0 0 6px;
	color:#fff;
}

.property-3 .ling-section {
    position: absolute;
    bottom: 30px;
    padding-right: 17px;
    padding-left: 17px;
    width: 100%;
}

.property-3 h3:hover{
    color: #fff;
    opacity: 0.9;
}

.property-3 .facilities-list {
    display: inline-block;
    -webkit-transition: .4s;
    transition: .4s;
}

.property-3 .facilities-list li {
    margin-right: 10px;
    float: left;
    font-size: 12px;
    line-height: normal;
    color: #fff;
    padding-right: 5px;
    border-right: solid 1px #c7c7c752;
}

.property-3 .facilities-list li .badge {
   color:#fff !important;
   border:1px solid #fff !important;
}

.property-3 .facilities-list li:last-child{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.property-3:hover h3 {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.property-3:hover p {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.property-3:hover .facilities-list {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.property-3 .featured-tag2{
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px 4px;
    border-radius: 2px;
    color: #fff;
    border: none;
    letter-spacing: 1px;
    display: inline-block;
    z-index: 20;
    left: 10px;
    margin-top: 10px;
    top: 0;
    position: absolute;
}

.property-footer {
	width:100%;
    padding: 10px 15px;
	font-weight:bold;
	font-size:17px;
}

/* 분양은 2줄로 보여줌 */
.property-footer.installation {
	//height:72px;
}

.property-footer span {
	/*color:#999;*/
    display: inline-block;
	font-weight:normal;
}

.property-footer.installation span{
    /*width: 70px;*/
	font-stretch: expanded;
}

/*************************************************
.property-zzim span 랑 곂쳐서 일단 주석처리함. 어디서 쓰는 지도 모르겠고!
.property-2 .active{
    background: #95C41F;
}
**************************************************/

/************************************************
 * 지도
 ************************************************/

#map_label {
	font-size:13px;
	color:#888;
}

.map-wrapper .property_list_wrapper {
	overflow-y:scroll;
	height:calc(100%-60px);
    height:-moz-calc(100% - 60px);
    height:-webkit-calc(100% - 60px);
}

    @media (max-width: 1024px) {
		.map-wrapper .property_list_wrapper {
			overflow-y:scroll;
			height:calc(100%-120px);
			height:-moz-calc(100% - 120px);
			height:-webkit-calc(100% - 120px);
		}
	}

#mobile-list-btn #sorting {
	border:1px solid #6c757d;
	padding:0px 10px;
	background-color:transparent !important;
	border-radius:5px;
	border-color:#6c757d;
}

.change-view-btn {
    color: #95C41F;
    border: solid 1px #95C41F;
}


.change-view-btn:hover {
    border: solid 1px #95C41F;
    background: #95C41F;
}

.active-view-btn {
    background: #95C41F;
    border: solid 1px #95C41F;
}

.active-view-btn:hover {
    border: solid 1px #95C41F;
    color: #95C41F;
}

.change-view-btn {
    margin-left: 0;
    border-radius: 2px;
    padding: 10px 12.5px 9px;
}

.change-view-btn:hover {
    color: #fff;
}

.active-view-btn {
    color: #fff !important;
    margin-left: 0;
    padding: 10px 12.5px 9px;
}

.active-view-btn:hover {
    background: transparent;
}


.title-area .active-view-btn,
.title-area .change-view-btn {
    padding: 2px 5px;
    margin-left: 5px;
	border-radius:5px;
}

.title-area h2 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
}

.map .map-content{
    padding: 0!important;
}

/*****************************
 *
 *****************************/

.table-sell tr.more{
	display:none;
}

.table-rent tr.more{
	display:none;
}

.table-sell.active tr.more{
	display:table-row;
}

.table-rent.active tr.more{
	display:table-row;
}

#danziad h3 {
	font-size:20px;
}

#danziad .btn-xs {
	padding:10px;
}

/*****************************
 * 매물 상세 페이지
 *****************************/

.detail-info .detail-info-title {
	font-size:20px;
	font-weight:500;
	letter-spacing:-0.05em;
	margin-bottom:20px;
}

.detail-info .badge-default{
	font-size:0.8em;
	line-height:1.5em;
	letter-spacing:-0.02em;
	color:#ccc;
}

article.list-table .table-subject-box {
  padding-bottom: 20px; }
  article.list-table .table-subject-box .txt-box {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-weight: 500; }


article.chart-info .chart-tabs-group {
  padding-top: 30px; }
  article.chart-info .chart-tabs-group .chart-tabs-box {
    display: none; }
    article.chart-info .chart-tabs-group .chart-tabs-box.active {
      display: block; }

article.chart-info .chart-tabs-list {
  padding-top: 20px;
  border-bottom: 1px solid #ddd; }
  article.chart-info .chart-tabs-list .chart-tabs-btn {
    display: inline-flex;
    align-items: center;
    padding-bottom: 15px;
    color: #666666;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.025em;
    position: relative; }
    @media (max-width: 1024px) {
      article.chart-info .chart-tabs-list .chart-tabs-btn {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 7px; } }
    article.chart-info .chart-tabs-list .chart-tabs-btn + .chart-tabs-btn {
      margin-left: 28px; }
      @media (max-width: 1024px) {
        article.chart-info .chart-tabs-list .chart-tabs-btn + .chart-tabs-btn {
          margin-left: 20px; } }
    article.chart-info .chart-tabs-list .chart-tabs-btn.on {
      color: #000; }
      article.chart-info .chart-tabs-list .chart-tabs-btn.on:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background-color: #0076ee; }


article.detail-corp {
  background-color: #fff;
  padding: 25px 25px; }

  article.detail-corp .corp-box {
    padding-bottom: 15px;
    font-size: 21px;
    font-weight: 500;
    line-height: 26px;
  }


/* 지도 인근 정보 보여주기 */
.map_wrap {position:relative;width:100%;}
#map_category {position:absolute;top:10px;left:10px;border-radius: 5px; border:1px solid #909090;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);background: #fff;overflow: hidden;z-index: 2;}
#map_category li {float:left;list-style: none;width:50px;border-right:1px solid #acacac;padding:6px 0;text-align: center; cursor: pointer;font-size:13px;letter-spacing:-1px;}
#map_category li.on {background: #eee;}
#map_category li:hover {background: #ffe6e6;border-left:1px solid #acacac;margin-left: -1px;}
#map_category li:last-child{margin-right:0;border-right:0;}

.placeinfo_wrap {position:absolute;bottom:28px;left:-100px;width:200px;}
.placeinfo {position:relative;width:100%;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;padding-bottom: 10px;background: #fff;}
.placeinfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.placeinfo_wrap .after {content:'';position:relative;margin-left:-12px;left:50%;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.placeinfo a, .placeinfo a:hover, .placeinfo a:active{color:#fff;text-decoration: none;}
.placeinfo a, .placeinfo span {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.placeinfo span {margin:5px 5px 0 5px;cursor: default;font-size:13px;}
.placeinfo .title {font-weight: bold; font-size:13px;border-radius: 6px 6px 0 0;margin: -1px -1px 0 -1px;padding:5px; color: #fff;background: #d95050;}
.placeinfo .tel {color:#0f7833;}

@media (max-width: 1024px) {
	#map_category {
		position: absolute;
		top: 5px;
		left: 5px;
		border-radius: 5px;
		border: 1px solid #909090;
		box-shadow: 0 1px 1px rgb(0 0 0 / 40%);
		background: #fff;
		overflow: hidden;
		z-index: 2;
	}

	#map_category li {
		width: 34px;
		border-right: 1px solid #acacac;
		padding: 2px 0;
		text-align: center;
		cursor: pointer;
		font-size: 12px;
		letter-spacing: -1.5px;
	}
}

/**************************************************
 * 테이블
 **************************************************/
.property_title {
	margin-top:30px;
	padding-bottom: 10px;
	font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-weight: 500;
}

  @media (max-width: 1024px) {
		.property_title {
			margin-top:10px;
			padding-bottom: 10px;
			font-size: 16px;
	        line-height: 20px;
		}
   }

/**************************************************
 * 모달정보창
 **************************************************/

#property_modal .modal-dialog{
    width: 1200px;
    max-width: 1200px;

}