

/* ---------- 헤더( 로고 / 검색 / 찜목록 ) 부분 ------------------------- */
/* header{position:sticky; z-index:2; top: 0;} */
#header {display: flex; justify-content: space-between; height:60px;padding:10px; background-color: var(--header-back-color); color: var(--header-text-color);}
.fixwidth-content{height:auto;}

#header .logo {display:inline-block; width: 25%;font-size: 13px;color:var(--brand-color); height: 100%; font-weight: 600;}
#header .logo img{height: 90%;vertical-align: bottom;}
#header .logo .logotxt {padding-left:2px;padding-bottom: 1px;}
#header .logo:hover{cursor:pointer;}

#header .find {
    display: flex; 
    width: 65%; height:40px; 
    border: 1px solid var(--grey-light-color);
    border-radius: var(--border-rad);
    border-bottom: 3px solid var(--grey-light-color);
    background-color: #F8F8F8; 
}
#header .find .find-house {padding-bottom:5px;display:flex; justify-content: space-between;width: 100%; border : none;color:var(--grey-dark-color);background-color: var(--back-color); padding-top: 10px;}
#header .find .find-house .search-input{width: 100%;outline:none;border:none;background-color:var(--back-color);padding:0 5px;}
#header .find .find-house .search-input::placeholder{font-size:11px;}
#header .find span {color:var(--grey-dark-color);left:0px;text-align: left;}
#header .find .find-house button{padding:0;}
#header .find i {width: 20px; font-size: 20px; color:var(--grey-dark-color);margin-right: 5px;text-align: right;}
#header .wishlist {width:22px;margin-right: 0px; padding: 0; display: flex; flex-direction:row;align-items:center;justify-content: flex-end;background-color: transparent; }
#header .wishlist:hover {transform: scale(1.1);}
#header .wishlist i {font-size:22px; color:var(--brand-color);}
#header .wishlist span {font-size:10px; color:var(--grey-dark-color);}

#search-page{padding-top:10px;background-color:var(--back-color);}
.fixwidth-content.main .search{margin-bottom:2px;}
#main-header{text-align:center;width:100%;padding-top:30px;margin-bottom:10px; display:flex; flex-direction: column; justify-content: space-between;text-align:center;box-sizing:border-box;}
#main-header span{display:inline-block;font-size:16px;font-weight:600;margin-top:10px;}
#main-page .block-dv{width:100%;display:flex; flex-direction: column; justify-content: space-between;text-align:center;
align-items:center;padding:30px 10px 30px 10px; background-color: white;margin-bottom:5px;border-bottom: 5px solid var(--back-color);}
#main-page .block-dv.top{padding:30px 10px 0px 10px;border:none;}
#main-page img{width:120px; border-radius: 30px;}
#main-page .bTitle{width:100%;text-align:center;padding-bottom:20px;}
#main-page .sTitle{width:50%;text-align:center;margin:5px 10px;padding:5px;color:black;font-size:var(--font-medium);font-weight:500;
border: 1px solid var(--grey-line-color); border-radius: var(--size-border-rad);}
#main-page .bTitle:hover, .kakaochat:hover, .marketing:hover{cursor:pointer;}
#main-page .sTitle:hover{cursor:pointer;transform: scale(1.1);}
#main-footer{text-align:center;width:100%;margin-top:30px;font-weight:600;}

.close-main{background-color:var(--white-color);height:30px;position:fixed;top:5px;right:5px;display:inline-block;color:var(--black-color);
padding:0 5px;font-size:14px;font-weight:500;border: 1px solid var(--grey-line-color); border-radius: 10px;}
.search-page-wide{background-color:var(--back-color);display:flex; flex-direction: row; justify-content: space-evenly;width:100%;flex-wrap: wrap;}
.container-title{margin-top:20px;}
.content-type{width:100%;display: flex;flex-direction: row;justify-content: space-evenly;align-items:center;flex-wrap:wrap;}
.search .rbt-list{padding:0px;}
.search{box-shadow: 0px 2px 2px 0px var(--grey-line-color);margin-bottom:10px;text-align:center;}
.search-bt{width:20rem;margin:10px 0px;color:var(--sg-blue-color);border: 1px solid var(--sg-blue-color);font-size:var(--medium-font);background-color:white;}
.search .bs-bt-outline{border: 1px solid var(--sg-blue-color);}
/* ---------- 지역 부분 ----------------- */
/* .region {background-color: #e0e0e0; } */
.rbt-item.region{background-color:var(--division-color);}
.search .rbt-item.region{color:var(--black-color);background-color: var(--white-color);
    border:1px solid var(--grey-dark-color);outline:none;
    font-size:var(--font-medium);font-weight:500;}
.rbt-item.exp-info, .rbt-item.community{background-color:var(--brand-low-color) !important;padding:7px 30px;}
.search .rbt-item.clicked{color:var(--sg-blue-color);background-color:var(--white-color);border: 1px solid var(--sg-blue-color);}
.rbt-item.exp-info.clicked, .rbt-item.community.clicked{background-color:var(--brand-low-color);}
.category-item.clicked span{color:var(--sg-blue-color);font-weight:700;}
.category-item.clicked{border: 1px solid var(--sg-blue-color);}
.category-item{border-radius: 15%;margin-top:10px;}

.marketing{font-weight:500;color:var(--sg-purple-color);}
#foot-info{margin-top:30px;padding:20px 10px ;width:100%;color:var(--black-color);text-align:left;font-size:12px;font-weight:600;background-color:var(--back-color);}
#foot-info a{font-weight:500;color:var(--sg-purple-color);}
#copyright-tiny {width:100%;color:#b8b8b8;text-align:center;position:absolute;bottom:15px;z-index:999999;}
#copyright-tiny-space {width:100%;height:30px;}

