@charset "utf-8";

/* ==================== 메인 인덱스 ==================== */
#boxMainIndex {background:linear-gradient(to bottom,#fafafc 0,#ffffff 200px);}

/* ==================== 메인 매물 검색 ==================== */
#mainSearchForm{padding-top:2rem;padding-bottom:1.5rem;}
#mainSearchForm .main-hero__search-row{position:relative;display:flex;align-items:center;gap:1rem;}
#mainSearchForm .main-hero__location{display:flex;align-items:center;justify-content:center;gap:1rem;flex:0 0 240px;height:3.8rem;padding:0 1.5rem;border:0;border-radius:1.9rem;background:#fff;border:1px solid #ddd;font-size:1.2rem;font-weight:500;color:#222;cursor:pointer;}
#mainSearchForm .main-hero__location i.fa-map-marker{font-size:1.75rem;}
#mainSearchForm .main-hero__location i.fa-angle-down{font-size:1.2rem;}
#mainSearchForm .main-hero__search-box{display:flex;align-items:center;flex:1;height:3.8rem;border-radius:1.9rem;background:#fff;border:1px solid #ddd;min-width:0;}
#mainSearchForm .main-hero__input{flex:1;min-width:0;height:100%;border:0;background:none;font-size:1.2rem;font-weight:500;color:#222;padding-left:1.5rem;}
#mainSearchForm .main-hero__submit{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:88px;height:3rem;padding:0 24px;margin-right:.5rem;border:0;border-radius:999px;background:#222;color:#fff;white-space:nowrap;cursor:pointer;}
#mainSearchForm .main-hero__region-menu[hidden]{display:none!important;}
#mainSearchForm .main-hero__region-menu{position:absolute;top:calc(100% + 12px);left:0;z-index:100;width:min(720px,100%);padding:22px 24px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 14px 35px rgba(15,23,42,.14);}
#mainSearchForm .main-hero__region-group{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start;}
#mainSearchForm .main-hero__region-group + .main-hero__region-group{margin-top:14px;}
#mainSearchForm .main-hero__region-title{padding:8px 0;color:#111827;font-size:15px;line-height:1.4;}
#mainSearchForm .main-hero__region-items{display:flex;flex-wrap:wrap;gap:6px;}
#mainSearchForm .main-hero__region-item{padding:8px 11px;border:0;border-radius:7px;background:#f5f7f9;color:#374151;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;}
#mainSearchForm .main-hero__region-item:hover,
#mainSearchForm .main-hero__region-item:focus-visible{background:#eaf8f3;color:#087c5b;outline:none;}
#mainSearchForm .main-hero__location.active{position:relative;z-index:101;}
#mainSearchForm .main-hero__keyword{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-top:1rem;overflow:hidden;white-space:nowrap;max-width:100%;}
#mainSearchForm .main-hero__keyword-title{flex:0 0 auto;font-size:1.2rem;font-weight:500;color:#222;}
#mainSearchForm .main-hero__keyword-line{flex:0 0 auto;width:1px;height:1.2rem;background:#d1d5db;}
#mainSearchForm .main-hero__keyword-item{display:block;flex:0 1 auto;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;line-height:3rem;font-weight:500;color:#666;text-decoration:none;transition:.2s;}
#mainSearchForm .main-hero__keyword-item:hover{color:#222;}

@media all and (max-width:1024px){
	#mainSearchForm{padding-top:1.5rem;padding-bottom:0;}
	#mainSearchForm .main-hero__search-row{gap:.75rem;}
	#mainSearchForm .main-hero__location{flex:0 0 160px;height:3.4rem;padding:0 1rem;font-size:1rem;}
	#mainSearchForm .main-hero__location i.fa-map-marker{font-size:1.4rem;}
	#mainSearchForm .main-hero__location i.fa-angle-down{font-size:1rem;}
	#mainSearchForm .main-hero__search-box{height:3.4rem;}
	#mainSearchForm .main-hero__input{padding-left:1rem;font-size:1rem;}
	#mainSearchForm .main-hero__submit{min-width:80px;height:2.8rem;padding:0 20px;}
	#mainSearchForm .main-hero__keyword{justify-content:center;gap:1rem;margin-top:0;overflow:hidden;padding-bottom:.25rem;}
	#mainSearchForm .main-hero__keyword::-webkit-scrollbar{display:none;}
	#mainSearchForm .main-hero__keyword-title{flex:0 0 auto;font-size:1rem;}
	#mainSearchForm .main-hero__keyword-line{flex:0 0 auto;height:1rem;}
	#mainSearchForm .main-hero__keyword-item{flex:0 1 auto;max-width:6rem;font-size:1rem;line-height:4rem;}
}

@media all and (max-width:768px){
	#mainSearchForm{padding-top:1rem;}
	#mainSearchForm .main-hero__search-row{gap:0;}
	#mainSearchForm .main-hero__location{display:none;flex:0 0 120px;height:3rem;padding:0 .75rem;font-size:.95rem;}
	#mainSearchForm .main-hero__location i.fa-map-marker{font-size:1.2rem;}
	#mainSearchForm .main-hero__location i.fa-angle-down{font-size:.9rem;}
	#mainSearchForm .main-hero__search-box{width:100%;height:3.2rem;border-radius:1.6rem;}
	#mainSearchForm .main-hero__input{padding-left:.75rem;font-size:.9rem;overflow:hidden;}
	#mainSearchForm .main-hero__input::placeholder{font-size:.85rem;}
	#mainSearchForm .main-hero__submit{min-width:68px;height:2.4rem;padding:0 16px;margin-right:.4rem;}
	#mainSearchForm .main-hero__region-menu{top:calc(100% + 8px);width:100%;max-height:65vh;padding:18px;overflow-y:auto;border-radius:12px;}
	#mainSearchForm .main-hero__region-group{display:block;}
	#mainSearchForm .main-hero__region-title{display:block;padding:0 0 7px;}
	#mainSearchForm .main-hero__keyword{justify-content:flex-start;gap:1rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:.25rem;}
	#mainSearchForm .main-hero__keyword::-webkit-scrollbar{display:none;}
	#mainSearchForm .main-hero__keyword-title{flex:0 0 auto;font-size:.9rem;}
	#mainSearchForm .main-hero__keyword-line{flex:0 0 auto;height:.9rem;}
	#mainSearchForm .main-hero__keyword-item{flex:0 0 auto;max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:3rem;}
}

/* ==================== 첫 화면 상단 배너 ==================== */
#firstViewTopBanner{position:relative;}
#firstViewTopBanner .first-view-top-banner__swiper{position:relative;z-index:1;max-width:calc(1280px - 3rem);}
#firstViewTopBanner .swiper-slide{border-radius:.75rem;overflow:hidden;}
#firstViewTopBanner .first-view-top-banner__next,
#firstViewTopBanner .first-view-top-banner__prev{width:48px;height:48px;background:#fff;border-radius:100%;box-shadow:0 0 .5rem rgba(0,0,0,.1);z-index:20;pointer-events:auto;cursor:pointer;}
#firstViewTopBanner .first-view-top-banner__next:after,
#firstViewTopBanner .first-view-top-banner__prev:after{font-size:1.2rem;font-weight:700;color:#666;}
#firstViewTopBanner .first-view-top-banner__prev{left:50%;margin-left:-640px;}
#firstViewTopBanner .first-view-top-banner__next{right:50%;margin-right:-640px;}
#firstViewTopBanner .first-view-top-banner__next:hover,
#firstViewTopBanner .first-view-top-banner__prev:hover{background:#fff;}
#firstViewTopBanner .first-view-top-banner__pagination{display:none;position:static;text-align:center;margin-top:12px;}
#firstViewTopBanner .first-view-top-banner__pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px;opacity:.35;}
#firstViewTopBanner .first-view-top-banner__pagination .swiper-pagination-bullet-active{opacity:1;}
@media all and (max-width:1024px){
	#firstViewTopBanner .first-view-top-banner__prev,
	#firstViewTopBanner .first-view-top-banner__next{display:none;}
	#firstViewTopBanner .first-view-top-banner__pagination{display:block;}
}
@media all and (max-width:768px){
	#firstViewTopBanner .contain .swiper-slide{border-radius:0;}
}

/* ==================== 첫 화면 하단 배너 ==================== */
#mainBottomAd{padding-bottom:50px;}
#mainBottomAd .main-ad__wrap{position:relative;overflow:visible;border-radius:0;background:#f3f4f6;}
#mainBottomAd .main-ad__swiper{overflow:hidden;border-radius:0;}
#mainBottomAd .main-ad__button--prev{left:-3.25rem;}
#mainBottomAd .main-ad__button--next{right:-3.25rem;}
#mainBottomAd .main-ad__link{display:block;width:100%;overflow:hidden;border-radius:0;}
#mainBottomAd .main-ad__img{display:block;width:100%;height:auto;border:0;}
#mainBottomAd .main-ad__pagination{position:absolute;left:0;right:0;bottom:.75rem;z-index:5;text-align:center;}
#mainBottomAd .swiper-pagination-bullet{width:.5rem;height:.5rem;background:#fff;opacity:.55;}
#mainBottomAd .swiper-pagination-bullet-active{opacity:1;}
#mainBottomAd .main-ad__button{width:2.5rem;height:2.5rem;margin-top:-1.25rem;border-radius:50%;background:rgba(0,0,0,.3);color:#fff;}
#mainBottomAd .main-ad__button:after{font-size:1rem;font-weight:700;}
#mainBottomAd .main-ad__empty{display:none;}

@media all and (max-width:1024px){
	#mainBottomAd .main-ad__button--prev{left:1rem;}
	#mainBottomAd .main-ad__button--next{right:1rem;}
}


/* ==================== 첫 화면 하단 배너 ==================== */
#main-category-menu{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;}
#main-category-menu .main-category-menu-item{display:flex;align-items:center;gap:1rem;flex:1;height:100px;padding:0 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;text-decoration:none;transition:.2s;}
#main-category-menu .main-category-menu-item:hover{border-color:#ddd;box-shadow:0 4px 12px rgba(0,0,0,.05);}
#main-category-menu .main-category-menu-icon{width:3rem;min-width:3rem;}
#main-category-menu .main-category-menu-icon img{display:block;width:3rem;height:3rem;object-fit:contain;}
#main-category-menu .main-category-menu-text{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;}
#main-category-menu .main-category-menu-title{font-size:1.1rem;font-weight:600;color:#222;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#main-category-menu .main-category-menu-desc{margin-top:.25rem;font-size:1rem;color:#888;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#main-category-menu .main-category-menu-item-request{display:none;}
@media all and (max-width:1024px){
	#main-category-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:2rem;}
	#main-category-menu .main-category-menu-item{height:90px;padding:0 .9rem;gap:.75rem;}
	#main-category-menu .main-category-menu-icon{width:2.6rem;min-width:2.6rem;}
	#main-category-menu .main-category-menu-icon img{width:2.6rem;height:2.6rem;}
	#main-category-menu .main-category-menu-title{font-size:1rem;}
	#main-category-menu .main-category-menu-desc{font-size:.9rem;}
	#main-category-menu .main-category-menu-item-request{display:flex;}
}
@media all and (max-width:768px){
	#main-category-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1.5rem;}
	#main-category-menu .main-category-menu-item{height:76px;padding:0 .75rem;gap:.6rem;border-radius:.6rem;}
	#main-category-menu .main-category-menu-icon{width:2.2rem;min-width:2.2rem;}
	#main-category-menu .main-category-menu-icon img{width:2.2rem;height:2.2rem;}
	#main-category-menu .main-category-menu-title{font-size:.9rem;}
	#main-category-menu .main-category-menu-desc{font-size:.8rem;}
}