@import url('https://fonts.googleapis.com/css2?family=Murecho:wght@600&display=swap');
article{ margin-bottom:100px; }

.lv1-top{ }
	.breadcrumbs{  }
		.breadcrumbs ul{display:flex; margin-top:29px; }
			.breadcrumbs ul li{ position:relative; margin-right:16px; }
				.breadcrumbs ul li::after{position: absolute; top: 0px; right: -9px; display: block; content:">"; width: 6px; height: 8px; font-size: 16px; color:#000;}
					.breadcrumbs ul li:last-child::after{ display:none; }
				.breadcrumbs ul li a{ font-size:15px; line-height:15px; color:#000; font-weight:400; }
					.breadcrumbs ul li a span{}
	.lv1-title{ margin:23px 0 0 0; font-size:28px; line-height:28px; font-family: 'Murecho', sans-serif;}
		.lv1-title span{font-weight: 700;}


.lv1-main{ padding-right:0.5%; }

ul.lv1-list{ display:flex; flex-wrap:wrap; margin-top:38px; }
	ul.lv1-list li{ width:19.5%; margin-right:0.5%; margin-bottom:0.5%; }
		ul.lv1-list li a{ position: relative; display:block; width:100%; height:0px; padding-bottom:100%; overflow: hidden!important;    }
				.lv1-item-wrap{position:absolute; height:0px; padding-bottom:100%;  width: 100%; height: 0; border-radius:16px; overflow:hidden;}
			ul.lv1-list li a img{ position:absolute; display:block; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }

			.lv1-item-info{   }

				.lv1-ii-static{  position:absolute; height: auto;  bottom: 2%; width: 96%; margin: 0 2%; padding: 4px 11px 7px 11px;  z-index: 1; background-color:rgba(0, 19, 46, 0.7); 
				border-radius:14px; transition:  opacity 0.3s ease 0.2s ;}
					.lv1-ii-static h3{ font-size:21px; line-height:21px; font-weight:600;  color:#fff; }
					.lv1-ii-static div{ margin-top: 6px; font-size:14px; line-height:14px; font-weight:400;  color:#fff; }
						.lv1-ii-static div span{ font-weight:600; }

				.lv1-ii-dynamic{ opacity: 0; position:absolute; height: 96%;  bottom: 0; width: 96%; margin: 2%; padding: 4px 11px 7px 11px;  z-index: 1;
				  display: flex;  flex-direction: column; justify-content: center;   color: #fff;
				 text-align: center;  background-color:rgba(0, 19, 46, 0.7); border-radius:14px; transition: opacity 0.3s ease 0.2s;}
					.lv1-ii-dynamic h3{ font-size: 26px; line-height: 26px;  font-weight: 600; }
					.lv1-ii-description{ margin-top: 3px; font-size: 14px; line-height: 18px; }
					.lv1-ii-number{ margin-top: 11px; font-size: 32px; line-height: 32px;  font-weight: 600; }
					.lv1-ii-number-text{ margin-top: 2px; font-size: 16px; line-height: 16px;  font-weight: 600; }
					.lv1-ii-range{ margin-top: 6px; margin-bottom: 14px; font-size: 13px; line-height: 13px; }
					.lv1-ii-aver-price{ margin-top: 4px; font-size: 13px; line-height: 13px;}
					.lv1-ii-button{ display: flex; align-items: center; height: 30px; min-height: 30px; width: 200px; margin: 20px auto 0; background-color: #fff; font-size: 17px;
					 line-height: 17px; color: #000; background-image: url(../nimg/h-l-search-icon-grey.svg); background-size: 19px 19px; background-repeat: no-repeat;
						background-position: left 13px center; border-radius: 5px; padding-left: 41px;
						 transition: background-color 0.3s ease 0.1s, color 0.3s ease 0.1s, background-image 0.5s ease 0.2s;}
						.lv1-ii-button:hover{ background-color: #035192; color: #fff;  background-image: url(../nimg/h-l-search-icon.svg);
							transition: background-color 0.3s ease 0.1s, color 0.3s ease 0.1s, background-image 0.5s ease 0.2s;}

ul.lv1-list li a:hover .lv1-ii-static{ opacity: 0; transition:  opacity 0.5s ease 0.2s ; }
ul.lv1-list li a:hover .lv1-item-info .lv1-ii-dynamic{ opacity: 1;  
 transition: opacity 0.5s ease 0.2s;    }



.lv1-description{ margin-top:64px; padding: 0 1% 0 0;}
	.lv1-description h2{ font-size:24px; line-height:24px; font-weight:600;  font-family: 'Murecho', sans-serif;}
	.lv1-description p{  margin-top: 27px; font-size:16px; line-height:21px; columns:2; column-gap:80px; }

/*map view */
.map-view-button{ display: none; position:fixed; bottom: 8px; left: 50%; margin-left: -35px; width: 44px;  z-index:2; }
	.map-view-button button{display:block; height:32px; width: 68px; padding: 0 0 0 19px;  background-image: url(../nimg/map-map-icon.svg); background-size: 16px 17px;
	 background-position: left 9px center; background-color:#fff; background-repeat: no-repeat;  font-size: 14px; line-height: 31px; color: #000; text-decoration: none;
	  font-weight: 600; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3); border-radius: 8px; border: none; cursor: pointer; font-family: 'Reddit Sans', sans-serif;}

