body{font-family:Arial,sans-serif}#main_wrap{margin:120px auto;width:85%}.detail_top{background:#fff;border-radius:5px 5px 0 0;border-top:5px solid #4d4861;box-shadow:0 3px 5px rgba(0,0,0,.22);color:#4d4861;margin:0;padding:12px 16px}.detail_top h2{border-bottom:none;font-size:20px;font-weight:700;margin:0;padding:0;text-align:left}.bottom-pagination-list,.top-pagination-list{align-items:center;display:flex;justify-content:flex-end;margin-bottom:32px;margin-top:16px}.bottom-pagination-list{width:66%}.pagination{display:flex;gap:12px;justify-content:start;margin:20px 12px}.pagination a{border:1px solid #ddd;color:#333;height:40px;line-height:40px;text-align:center;text-decoration:none;width:40px}.pagination a:hover{background-color:#ddd}#paginationBottom{justify-content:end}#totalProperties{margin-right:10px}#totalProperties p{font-size:16px;margin:0}.sortSelectLabel{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#0a100d;display:flex;position:relative;width:126px}.sortSelectLabel:before{background:#666;clip-path:polygon(0 0,100% 0,50% 100%);content:"";height:4px;position:absolute;right:8px;width:9px}.sortSelectLabel select{appearance:none;background:transparent;border:none;color:#0a100d;cursor:pointer;font-size:14px;margin-right:8px;outline:none;padding:12px;text-align:center;text-overflow:ellipsis;width:100%;z-index:1}.property-item{align-items:flex-start;border-radius:5px;display:flex;margin-bottom:20px}.image-wrapper{margin-right:20px;position:relative;width:30%}.property-image{height:auto;width:100%}.new-icon{bottom:5px;height:auto;position:absolute;right:5px;width:20%}.property-name{color:#6b6b6b;font-size:20px}.property-details{flex:1}.property-details h3{margin:0 0 16px}.property-details p{margin:5px 0}.detailList{border-collapse:collapse;width:100%}.detailList td,.detailList th{color:#6b6b6b;font-size:14px;padding:8px 16px}.detailList tr{background-color:#fff;border-bottom:1px solid #ccc;padding:.35em}.detailList tr:first-child{border-top:1px solid #ccc}.detailList table tr:last-child{border-bottom:1px solid #ccc}.detailList th{background-color:#eaeef0;font-weight:400;text-align:left;width:30%}.searchAreaButton:hover{background:#be7947;border:none}@media screen and (max-width:767px){.detailList,.detailList td,.detailList th,.detailList tr{width:auto}}.searchAreaButton{background-color:sienna;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:16px 0;padding:16px 0;width:100%}.searchArea{display:flex;gap:0 16px}.property-list-main{width:66%}.search-condition-box h3{background-color:#4d4861;border-radius:5px 5px 0 0;color:#fff;font-size:20px;margin:0 auto;padding:16px 3rem;text-align:center}#search-list-box{background-color:#eaeef0;margin:0 auto 2rem;padding:16px}#currentSearchConditions{background:#fff;border-radius:5px;margin:0 auto;padding:1rem;width:90%}.search-conditions{width:33%}.search-conditions ul{list-style:none;padding:0}.search-conditions ul li{margin:5px 0}#selectedAreas{font-size:14px;margin-bottom:12px}.open-modal-btn{background-color:#eaeef0;border:1px solid #d1d8db;border-radius:5px;color:#004cca;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:0 auto 8px;padding:8px 0;text-align:center;width:70%}.open-modal-btn:disabled{cursor:not-allowed}.open-modal-btn:disabled,.open-modal-btn:disabled:hover{background-color:rgba(234,238,240,.5)}.condition-change label{display:block;margin:8px 0}.searchCategory{background:transparent;border-left:5px solid #4d4861;color:#6b6b6b;font-size:16px;font-weight:700;padding:0 .5em}.selectLabelVariable{align-items:center;display:flex;gap:10px}.homeSelectLabel{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#0a100d;display:flex;margin:0 auto;position:relative;width:100%}.homeSelectLabel:before{background:#666;clip-path:polygon(0 0,100% 0,50% 100%);content:"";height:4px;position:absolute;right:8px;width:9px}.homeSelectLabel select{appearance:none;background:transparent;border:none;color:#0a100d;cursor:pointer;font-size:14px;outline:none;padding:8px;text-align:center;text-overflow:ellipsis;width:100%;z-index:1}.selectVariable{color:#ccc}#searchButtonMain{background-color:sienna;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:16px auto;padding:8px 0;width:70%}#searchButtonMain:hover{background:#be7947;border:none}#resetButtonMain{background-color:#eaeef0;border:1px solid #d1d8db;border-radius:5px;color:#4d4861;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:16px auto;padding:8px 0;width:70%}#resetButtonMain:hover{background:#4d4861;border:1px solid #4d4861;color:#fff}footer{background-color:#f4f4f4;padding:10px;text-align:center}.modal{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:20}.modal-content{background-color:#fefefe;border:1px solid #888;margin:5% auto;max-width:1000px;padding:20px;position:relative}.close{border-radius:50%;color:#000;cursor:pointer;font-size:28px;font-weight:700;height:50px;line-height:50px;position:absolute;right:-.5%;text-align:center;top:-1%;width:50px}.close:focus,.close:hover{cursor:pointer;text-decoration:none}.modal-body{display:block;max-height:60vh;overflow-y:auto}.modal-body .modal-item-div{display:block;margin-bottom:20px}.modal-body .modal-item-div h3{background-color:#ccc;border-radius:5px;font-size:19px;font-weight:700;margin-bottom:10px;padding:5px 10px}.modal-body .modal-item-div div{display:flex;flex-wrap:wrap}.modal-body .modal-item-div div div{flex:1 1 30%;font-size:18px}.modal-body button{cursor:pointer;display:block;margin-bottom:5px;padding:10px;width:100%}.footer-buttons{display:flex;justify-content:center;margin-top:20px;text-align:center}.footer-buttons button{font-size:16px;margin:5px;padding:12px 0;width:256px}.modal-select-Btn{background-color:#4d4861;border:none;border-radius:5px;color:#fff;font-weight:700;transition:.4s}.modal-select-Btn:hover{background-color:#817e90}.modal-confirm-Btn{background-color:#944a14;border:none;border-radius:5px;color:#fff;font-weight:700;transition:.4s}.modal-confirm-Btn:hover{background-color:#be7947}.pagination a.active{background-color:#6b6b6b;border:1px solid #6b6b6b;color:#fff;font-weight:700}.breadcrumb{font-size:14px;margin:10px 0}.breadcrumb ul{display:flex;justify-content:left;list-style:none;padding:0}.breadcrumb li{margin:0 5px}.breadcrumb li a{color:#333;text-decoration:none}.breadcrumb li:after{content:">";margin-left:5px}.breadcrumb li:last-child:after{content:"";margin-left:0}.error-message{color:red;font-weight:700;margin:10px 0}@media screen and (max-width:1025px){.property-item{display:block}.image-wrapper{width:100%}.new-icon{width:10%}.detailList tr{padding:0}.property-list{border:none;margin:0 auto;width:100%}.property-list-main,.search-conditions{width:100%}.searchArea{display:block;gap:16px 0;margin:0 auto}}@media screen and (max-width:960px){.modal-body .modal-item-div p{font-size:18px}.modal-body .modal-item-div div div{flex:1 1 50%;font-size:16px}.new-icon{width:10%}}@media screen and (max-width:767px){#main_wrap{margin:60px auto;width:92%}.property-details h3{margin:16px 0 12px}#totalProperties{margin:0 12px;order:1;width:50px}.top-pagination-list{flex-wrap:wrap;justify-content:space-between}.pagination{gap:8px;margin:20px 0;width:100%}.pagination a,.pagination span{font-size:12px}.top-pagination-list>.pagination{order:3}.bottom-pagination-list{flex-wrap:wrap;width:100%}.sortSelectLabel{order:2;width:140px}.modal-body .modal-item-div div div{flex:1 1 100%}.footer-buttons{flex-direction:column}.footer-buttons button{width:100%}.footer-buttons button:first-child{order:3}.footer-buttons button:nth-child(2){order:2}.footer-buttons button:nth-child(3){order:1}#resetButtonMain:hover{background-color:#eaeef0;border:1px solid #d1d8db;color:#4d4861}.new-icon{width:20%}}