@charset "utf-8";

/* ==================== 팝업 레이어 ==================== */
#boxBlack{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;}
#hd_pop{position:fixed;top:50%;left:50%;width:90%;max-width:680px;margin:0 auto;transform:translate(-50%,-50%);overflow:hidden;z-index:1000;}
#hd_pop .hd_pops{position:relative;width:100%;}
#hd_pop .hd_pops img{display:block;width:100%;}
#hd_pop .hd_pops_footer{position:relative;background:#fff;color:#333;text-align:left;}
#hd_pop .hd_pops_footer:after{display:block;clear:both;visibility:hidden;content:"";}
#hd_pop .hd_pops_footer button{padding:.5rem 1rem;border:0;background:#fff;color:#333;font-size:.9rem;}
#hd_pop .hd_pops_footer .hd_pops_reject{text-align:left;}
#hd_pop .hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0;}

@media (min-width:720px){
	#hd_pop{max-width:540px;}
	#hd_pop .hd_pops_footer button{padding:1rem;font-size:1rem;}
}

/* ==================== 페이징 ==================== */
.pg_wrap{clear:both;display:block;margin:1.5rem auto;text-align:center;}
.pg_wrap .pg{display:block;align-items:center;}
.pg_wrap .pg a,.pg_wrap .pg strong{display:inline-block;min-width:2rem;height:2rem;line-height:2rem;border:1px solid #eee;border-radius:3px;background:#eee;color:#959595;font-size:1rem;text-align:center;vertical-align:middle;text-decoration:none;}
.pg_wrap .pg a:focus,.pg_wrap .pg a:hover{text-decoration:none;}
.pg_wrap .pg strong{background:var(--color-primary);color:#fff;font-weight:400;}
.pg_wrap .pg_start{text-indent:-999px;overflow:hidden;padding:0;border:1px solid #eee;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;}
.pg_wrap .pg_prev{text-indent:-999px;overflow:hidden;padding:0;border:1px solid #eee;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;}
.pg_wrap .pg_end{text-indent:-999px;overflow:hidden;padding:0;border:1px solid #eee;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;}
.pg_wrap .pg_next{text-indent:-999px;overflow:hidden;padding:0;border:1px solid #eee;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;}
.pg_wrap .pg_start:hover,.pg_wrap .pg_prev:hover,.pg_wrap .pg_end:hover,.pg_wrap .pg_next:hover{background-color:#fafafa;}

/* ==================== 공통 섹션 ==================== */
.section{padding:130px 0;}
.title{text-align:center;margin-bottom:3.5rem;}
.title strong{display:block;overflow:hidden;font-size:3rem;font-weight:400;letter-spacing:-1px;color:var(--color-dark);}
.contain{width:100%;max-width:1280px;margin:0 auto;padding:0 2.5rem;}

@media (max-width:1280px){
	.section{padding:110px 0;}
	.title strong{font-size:2.6rem;}
	.contain{padding:0 2.5rem;}
}

@media (max-width:1024px){
	.section{padding:90px 0;}
	.title strong{font-size:2.2rem;}
	.contain{padding:0 2rem;}
}

@media (max-width:960px){
	.section{padding:50px 0;}
}

@media (max-width:768px){
	.section{padding:2.5rem 0;}
	.title{margin-bottom:2.5rem;}
	.title strong{font-size:1.9rem;}
	.contain{padding:0 1.6rem;}
}

@media (max-width:480px){
	.title{margin-bottom:2rem;}
	.title strong{font-size:1.6rem;}
	.contain{padding:0 1.2rem;}
}

/* ==================== 상단 고정메뉴 ==================== */
#boxTop{position:fixed;top:0;left:0;width:100%;background:#fff;overflow:hidden;z-index:1000;}
#boxTop .logo{display:flex;align-items:center;height:90px;}
#boxTop .logo img{display:block;height:2.75rem;}
#boxTop .boxTopSub{gap:3.5rem;}
#boxTop #boxMenu{gap:2.5rem;}
#boxTop #boxUser{gap:1.35rem;}
#boxTop #boxMenu a,#boxTop #boxUser a{position:relative;display:block;color:#222;font-weight:400;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:1;}
#boxTop #boxMenu a{line-height:50px;font-size:1.2rem;}
#boxTop #boxMenu a::before{content:'';position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--color-primary-dark);transition:all .3s ease-in-out;z-index:1;}
#boxTop #boxMenu a:hover,#boxTop #boxMenu a.on{color:var(--color-primary-dark);}
#boxTop #boxMenu a:hover::before,#boxTop #boxMenu a.on::before{width:100%;}
#boxTop #boxUser a{line-height:40px;font-size:1.1rem;}
#boxTop #boxUser a i{margin-right:.5rem;}
#boxTop #boxUser .header-user-register{padding:0 1.25rem;border:1px solid #eaeaea;border-radius:1.5rem;background:#fafafc;line-height:40px;}
#boxTop #boxUser .header-user-register:hover{background:#f1f3f8;border-color:#dcdfe6;color:#1e293b;}
#boxBlank{height:90px;}

#btnMenuMobile{display:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:none;cursor:pointer;}
#btnMenuMobile span{font-size:32px;color:#222;line-height:1;}

#boxMenuMobileWrap{display:none;}
#boxMenuMobileWrap.on{display:block;}
#boxMenuMobileBg{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:1998;}
#boxMenuMobile{position:fixed;top:0;right:-320px;width:320px;max-width:85%;height:100vh;background:#fff;z-index:1999;transition:right .3s ease;overflow-y:auto;}
#boxMenuMobileWrap.on #boxMenuMobile{right:0;}
#boxMenuMobile .boxMenuMobileHead{padding:1.25rem 1rem;border-bottom:1px solid #eee;}
#boxMenuMobile .boxMenuMobileHead img {height:2.4rem;}
#btnMenuMobileClose{width:38px;height:38px;padding:0;border:0;background:none;color:#222;font-size:1.25rem;cursor:pointer;}
#boxMenuMobile .boxMenuMobileList button,
#boxMenuMobile .boxMenuMobileList a{display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #ddd;color:#222;font-size:var(--fs-base1);line-height:4rem;padding:0 1.5rem;width:100%;background:#fff;text-align:left;}
#boxMenuMobile .boxMenuMobileList a.on{color:var(--color-primary-dark);}
#boxMenuMobile .boxMenuMobileList button .boxMenuMobileBtn__arrow {font-size:2.2rem;transition:transform .2s ease;}
#boxMenuMobile .boxMenuMobileList button.on .boxMenuMobileBtn__arrow {transform:rotate(180deg);}
#boxMenuMobile .boxMenuMobileList .boxMenuMobileSub {display:none;background:#f8f9fb;padding:1rem 0;border-bottom:1px solid #ddd;}
#boxMenuMobile .boxMenuMobileList .boxMenuMobileSub a {background:transparent;padding-left:2.5rem;border-bottom:0;line-height:2.4rem;}
#boxMenuMobile .boxMenuMobileList .boxMenuMobileSub.on{display:block;}
#boxMenuMobile .boxMenuMobileUser{padding:1rem;gap:.5rem;}
#boxMenuMobile .boxMenuMobileUser a{display:block;flex:1;padding:0 1rem;line-height:3rem;border:1px solid #ddd;border-radius:.25rem;background:#fafafc;font-size:var(--fs-base);text-align:center;}

#headerCall{display:none;align-items:center;gap:.35rem;font-size:1rem;font-weight:600;}
#headerCall span{font-size:20px;}

@media (max-width:1024px){
	#boxTop #boxMenu,#boxTop #boxUser{gap:1rem;}
	#boxTop #boxMenu a,#boxTop #boxUser a{font-size:1rem;}
	#boxTop .logo{height:76px;}
	#boxTop .logo img{height:2.25rem;}
	#boxTop .boxTopSub{gap:1.25rem;}
	#boxBlank{height:76px;}
}

@media (max-width:768px){
	#boxTop #boxMenu,#boxTop #boxUser{display:none;}
	#boxTop .contain{padding:0 1rem;}
	#boxTop .logo{height:68px;}
	#boxTop .logo img{height:2rem;}
	#boxTop .boxTopSub{gap:.75rem;}
	#boxBlank{height:68px;}
	#btnMenuMobile{display:flex;width:38px;height:38px;}
	#btnMenuMobile span{left:8px;width:22px;}
	#btnMenuMobile span:nth-child(1){top:12px;}
	#btnMenuMobile span:nth-child(2){top:18px;}
	#btnMenuMobile span:nth-child(3){top:24px;}
	#headerCall{display:flex;}
}

@media (max-width:480px){
	#boxTop .contain{padding:0 .75rem;}
	#boxTop .logo{height:62px;}
	#boxTop .logo img{height:1.8rem;}
	#boxTop #boxUser a{font-size:.85rem;}
	#boxTop #boxUser .header-user-center,#boxTop #boxUser .header-user-login{font-size:0;}
	#boxTop #boxUser .header-user-center i,#boxTop #boxUser .header-user-login i{margin-right:0;font-size:1rem;}
	#boxTop #boxUser .header-user-register{padding:0 .7rem;}
	#boxBlank{height:62px;}
}

/* ==================== 서브 상단 ==================== */
#boxSubTop{position:relative;background:var(--subtop-bg) var(--subtop-pc) no-repeat center center / auto 100%;}
#boxSubTop .boxSubTopText {height:500px;}
#boxSubTop .boxSubTopText .subtitle {text-align:left;width:100%;padding-top:75px;}
#boxSubTop .boxSubTopText .subtitle span{display:block;text-transform:uppercase;color:var(--color-primary);letter-spacing:.5rem;font-weight:500;margin-bottom:1rem;}
#boxSubTop .boxSubTopText .subtitle strong{display:block;font-size:3.4rem;font-weight:700;margin-bottom:1rem;}
#boxSubTop .boxSubTopText .subtitle strong em{font-style:normal;color:var(--color-primary);}
#boxSubTop .boxSubTopText .subtitle p{display:block;font-size:1.35rem;color:#555;line-height:1.5;}

@media all and (max-width:1280px){
	#boxSubTop{background:var(--subtop-bg) var(--subtop-pc) no-repeat 72% center / auto 100%;}
	#boxSubTop .boxSubTopText{height:460px;}
	#boxSubTop .boxSubTopText .subtitle strong{font-size:3rem;}
	#boxSubTop .boxSubTopText .subtitle p{font-size:1.25rem;}
}

@media all and (max-width:768px){
	#boxSubTop{background:var(--subtop-bg) var(--subtop-mo) no-repeat 65% center / cover; overflow:hidden;}
	#boxSubTop .boxSubTopText{height:auto;padding:3rem 0 0;align-items:flex-start;}
	#boxSubTop .boxSubTopText .subtitle {text-align:left;width:100%;padding-top:0;}
	#boxSubTop .boxSubTopText .subtitle span{font-size:.95rem;letter-spacing:.35rem;margin-bottom:.8rem;}
	#boxSubTop .boxSubTopText .subtitle strong{font-size:2.45rem;line-height:1.2;margin-bottom:.8rem;}
	#boxSubTop .boxSubTopText .subtitle p{font-size:1.08rem;}
}

/* ==================== 메인 검색 + 배너 ==================== */
#boxMain .boxMainTitle{text-align:center;}
#boxMain .boxMainTitle strong{display:block;margin-bottom:1.5rem;font-size:2.75rem;font-weight:500;color:#222;}
#boxMain .boxMainTitle strong em{font-style:normal;color:var(--color-primary);}
#boxMain .boxMainTitle p{display:block;font-size:1.5rem;color:#666;}
#orderLookup{display:grid;grid-template-columns:1fr 112px;gap:0;width:min(740px,92%);margin:2.5rem auto 3.5rem auto;border-radius:10px;overflow:hidden;background:#f9fbff;}
#orderLookup .search-left{display:flex;align-items:center;gap:10px;padding:1rem;background:#fff;}
#orderLookup .search-icon{width:20px;height:20px;color:#95a5bd;}
#orderLookup input{width:100%;border:0;background:transparent;background:#fff;font-size:1rem;outline:0;}
#orderLookup button{display:block;border:0;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:400;text-align:center;cursor:pointer;}
#boxMainBanner{justify-content:center;gap:32px;margin-top:5rem;}
#boxMainBanner>a{flex:1;max-width:360px;padding:36px 24px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 20px 40px rgba(30,60,120,.12);transition:transform .25s ease,box-shadow .25s ease;}
#boxMainBanner>a:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(30,60,120,.18);}
#boxMainBanner strong{display:block;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;color:#1f3f75;}
#boxMainBanner img{display:block;max-width:50%;margin:0 auto 1rem auto;}
#boxMainBanner p{margin:0;font-size:1rem;color:#6b7a90;}

/* ==================== 상단 필터 ==================== */
#filterSort{margin-bottom:2.5rem;}
#filterSort .contain{gap:1rem;}
#filterSort .contain .fs-left{display:flex;gap:.9rem;flex-wrap:wrap;}
#filterSort .contain .fs-right{display:flex;gap:.9rem;flex-wrap:wrap;}
#filterSort .contain .fs-group{display:flex;flex-direction:column;gap:6px;min-width:160px;}
#filterSort .contain .fs-label{font-size:.9rem;line-height:1.2;}
#filterSort .contain select{height:3rem;padding:0 1rem;border:1px solid #ccc;border-radius:.25rem;background:#fff;}

/* ==================== 하단 카피 ==================== */
#boxCopy{position:relative;padding:5rem 1.5rem 4rem;background:linear-gradient(180deg,#15284b 0%,#102240 100%);text-align:center;overflow:hidden;}
#boxCopy:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('/images/bg_footer_city.png') no-repeat center bottom/cover;opacity:.12;pointer-events:none;}
#boxCopy:after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:rgba(255,255,255,.08);}
#boxCopy .boxCopyLogo{position:relative;z-index:2;margin:0 auto 2rem;}
#boxCopy .boxCopyLogo img{max-width:180px;filter:brightness(0) invert(1);opacity:.98;}
#boxCopy .boxCopyLink{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;margin:0 auto 2rem;}
#boxCopy .boxCopyLink a{display:inline-flex;align-items:center;height:44px;padding:0 1rem;border-radius:.75rem;color:rgba(255,255,255,.78);font-size:.95rem;font-weight:500;transition:all .2s ease;}
#boxCopy .boxCopyLink a:hover{background:rgba(255,255,255,.08);color:#fff;}
#boxCopy .boxCopyLink a.strong{color:#fff;font-weight:700;background:rgba(255,255,255,.08);}
#boxCopy .boxCopyLink em{display:block;width:1px;height:12px;background:rgba(255,255,255,.16);margin:0 .125rem;}
#boxCopy .boxCopySub{position:relative;z-index:2;max-width:920px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);font-size:.95rem;line-height:2;color:rgba(255,255,255,.62);word-break:keep-all;}
#boxCopy .boxCopySub b{color:#fff;font-weight:600;}
#boxCopy .boxCopySub a{color:rgba(255,255,255,.8);}
#boxCopyright{position:relative;z-index:2;margin-top:1.5rem;font-size:.9rem;color:rgba(255,255,255,.42);}
#boxCopyright a{color:rgba(255,255,255,.58);}
#boxQuick{position:fixed;right:24px;bottom:24px;z-index:100;}
#boxQuickTop{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:0;border-radius:999px;background:#1c3763;box-shadow:0 16px 40px rgba(8,21,43,.24);cursor:pointer;transition:all .2s ease;}
#boxQuickTop:hover{transform:translateY(-3px);background:#24477f;}
#boxQuickTop img{width:20px;height:20px;filter:brightness(0) invert(1);}

@media (max-width:1024px){
	#boxCopy{padding:4.5rem 1.25rem 3.5rem;}
	#boxCopy .boxCopyLogo{margin-bottom:1.75rem;}
	#boxCopy .boxCopyLogo img{max-width:165px;}
	#boxCopy .boxCopyLink{margin-bottom:1.75rem;}
	#boxCopy .boxCopyLink a{height:42px;padding:0 .9rem;font-size:.9rem;}
	#boxCopy .boxCopySub{max-width:780px;padding-top:1.75rem;font-size:.9rem;line-height:1.9;}
	#boxQuick{right:18px;bottom:18px;}
	#boxQuickTop{width:50px;height:50px;}
}

@media (max-width:768px){
	#boxCopy{padding:3.5rem 1rem 3rem;}
	#boxCopy .boxCopyLogo{margin-bottom:1.5rem;}
	#boxCopy .boxCopyLogo img{max-width:150px;}
	#boxCopy .boxCopyLink{gap:.5rem;justify-content:center;margin-bottom:1.5rem;}
	#boxCopy .boxCopyLink a{height:40px;padding:0 .85rem;font-size:.875rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
	#boxCopy .boxCopyLink a.strong{background:rgba(255,255,255,.1);}
	#boxCopy .boxCopyLink em{display:none;}
	#boxCopy .boxCopySub{padding-top:1.5rem;font-size:.85rem;line-height:1.85;}
	#boxCopyright{margin-top:1.25rem;font-size:.82rem;line-height:1.6;}
	#boxQuick{right:14px;bottom:14px;}
	#boxQuickTop{width:46px;height:46px;}
	#boxQuickTop img{width:18px;height:18px;}
}

/* ==================== 주소 팝업 레이어 ==================== */
.juso-layer{display:none;position:fixed;inset:0;z-index:9999;}
.juso-dim{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);}
.juso-modal{position:relative;width:min(920px,calc(100% - 24px));margin:6vh auto;border:1px solid rgba(0,0,0,.06);border-radius:1rem;background:#fff;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.25);}
.juso-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(#fff,#fafafa);}
.juso-head .juso-title{font-size:1.25rem;font-weight:500;letter-spacing:-.02em;}
.juso-head .juso-title .juso-status{display:inline-block;margin-left:1rem;color:#777;font-size:1rem;}
.juso-head .juso-close{height:2rem;border:0;background:transparent;font-size:2rem;}
.juso-body{padding:16px;}
.juso-body .juso-row--search{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.juso-body .juso-row--search input{flex:1;line-height:3rem;padding:0 1rem;border:1px solid #ddd;border-radius:.25rem 0 0 .25rem;font-size:1rem;}
.juso-body .juso-row--search button{height:3rem;padding:0 1.5rem;border:0;border-radius:0 .25rem .25rem 0;background:#222;color:#fff;}
.juso-body .juso-row--search .juso-count{width:120px;max-width:40vw;height:3rem;margin-left:.5rem;border:1px solid #ddd;border-radius:.25rem;text-align:center;}
.juso-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;}
.juso-foot .juso-page{color:#777;font-size:12px;white-space:nowrap;}
.juso-foot .juso-prev,.juso-foot .juso-next{min-width:88px;height:3rem;line-height:3rem;border:0;border-radius:.25rem;background:#f5f5f5;}
.juso-list{max-height:52vh;margin-top:0;border:1px solid #eee;border-radius:.25rem;background:#fff;overflow:auto;}
.juso-list th,.juso-list td{padding:1rem;}
.juso-list th{font-size:1rem;font-weight:600;}
.juso-list::-webkit-scrollbar{width:10px;}
.juso-list::-webkit-scrollbar-thumb{border:2px solid #fff;border-radius:.25rem;background:rgba(0,0,0,.18);}

/* ==================== 매물 지도검색 필터 ==================== */
#boxMapSearch{position:absolute;left:1rem;top:calc(90px + 1rem);z-index:20;width:360px;}
#boxMapSearch #boxMapFilterForm{position:relative;width:100%;}
#boxMapSearch .map-filter-shell{border:1px solid #ececec;background:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.08);}
#boxMapSearch .map-filter-search{display:flex;align-items:center;padding:.75rem;background:#fff;}
#boxMapSearch .map-filter-search input{flex:1;min-width:0;height:2.4rem;padding:0 1rem;border:1px solid #d9d9d9;border-right:0;border-radius:.25rem 0 0 .25rem;background:#fff;color:#333;font-size:1rem;font-weight:400;}
#boxMapSearch .map-filter-search input::placeholder{color:#8b8b8b;}
#boxMapSearch .map-filter-search-btn{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:1px solid var(--color-primary);border-radius:0 .25rem .25rem 0;background:var(--color-primary);color:#fff;cursor:pointer;}
#boxMapSearch .map-filter-search-btn .material-symbols-outlined{font-size:1.25rem;line-height:1;}
#boxMapSearch .map-filter-top{display:none;align-items:center;background:#fff;}
#boxMapSearch .map-filter-top.is-show{display:flex;}
#boxMapSearch .map-filter-summary{display:flex;align-items:center;flex:1;min-width:0;line-height:1.4;padding:0 1rem .75rem 1rem;color:#222;font-size:.9rem;font-weight:400;}
#boxMapSearch .map-filter-open{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 .75rem;height:2.4rem;border:1px solid #666;background:#fff;color:#222;font-size:1rem;font-weight:400;cursor:pointer;border-radius:.25rem;margin-left:.35rem;}
#boxMapSearch .map-filter-open .material-symbols-outlined{font-size:1rem;line-height:1;}
#boxMapSearch .map-filter-box{display:none;border-top:1px solid #ececec;background:#f8f8f8;}
#boxMapSearch.open .map-filter-box{display:block;}
#boxMapSearch .map-filter-box-head{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e7e7e7;background:#fff;}
#boxMapSearch .map-filter-box-title{display:flex;align-items:center;gap:.5rem;color:#333;font-size:1.25rem;font-weight:500;}
#boxMapSearch .map-filter-close{display:flex;align-items:center;justify-content:center;height:32px;border:0;background:none;color:#333;cursor:pointer;}
#boxMapSearch .map-filter-close .material-symbols-outlined{font-size:2rem;line-height:1;}
#boxMapSearch .map-filter-reset{color:#222;font-size:1rem;font-weight:500;text-decoration:none;}
#boxMapSearch .map-filter-box-body{max-height:calc(100vh - 220px);padding:0;overflow-y:auto;}
#boxMapSearch .map-filter-group{padding:1rem;background:#fff;}
#boxMapSearch .map-filter-group:first-child{border-top:0;}
#boxMapSearch .map-filter-group-title{margin-bottom:.75rem;color:#111;font-size:1rem;font-weight:600;}
#boxMapSearch .map-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;}
#boxMapSearch .map-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;height:3rem;padding:0 40px 0 14px;border:1px solid #d9d9d9;border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 10'%3E%3Cpath fill='%233267ab' d='M7 10 0 0h14z'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:12px auto;color:#333;font-size:15px;font-weight:500;cursor:pointer;}
#boxMapSearch .map-filter-area{position:relative;}
#boxMapSearch .map-filter-area-btn{display:flex;align-items:center;width:100%;height:46px;padding:0 40px 0 14px;border:1px solid #d9d9d9;border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 10'%3E%3Cpath fill='%233267ab' d='M7 10 0 0h14z'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:12px auto;color:#333;font-size:15px;font-weight:500;text-align:left;cursor:pointer;}
#boxMapSearch .map-filter-area-layer{display:none;position:absolute;left:0;top:calc(100% + .25rem);z-index:5;width:150%;padding:.75rem;border:1px solid #ddd;border-radius:.5rem;background:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.08);}
#boxMapSearch .map-filter-area.is-open .map-filter-area-layer{display:block;}
#boxMapSearch .map-filter-area-head{margin-bottom:1rem;font-size:1rem;}
#boxMapSearch .map-filter-area-head strong {font-weight:500;}
#boxMapSearch .map-filter-area-head span{margin-left:6px;color:#888;font-size:12px;font-weight:400;}
#boxMapSearch .map-filter-area-value{margin-bottom:12px;color:#333;font-size:14px;font-weight:500;text-align:center;}
#boxMapSearch .map-filter-area-range{position:relative;height:30px;}
#boxMapSearch .map-filter-area-bar{position:absolute;left:0;top:50%;z-index:1;width:100%;height:4px;border-radius:999px;background:#ddd;transform:translateY(-50%);}
#boxMapSearch .map-filter-area-selected{position:absolute;top:50%;left:0;z-index:2;height:4px;border-radius:999px;background:var(--color-primary);transform:translateY(-50%);}
#boxMapSearch .map-filter-area-range input[type=range]{position:absolute;left:0;top:50%;z-index:3;width:100%;height:30px;margin:0;transform:translateY(-50%);-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none;}
#boxMapSearch .map-filter-area-range input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent;}
#boxMapSearch .map-filter-area-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;border:2px solid #fff;border-radius:50%;background:var(--color-primary);box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:pointer;pointer-events:auto;}
#boxMapSearch .map-filter-area-range input[type=range]::-moz-range-track{height:4px;background:transparent;}
#boxMapSearch .map-filter-area-range input[type=range]::-moz-range-thumb{width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:var(--color-primary);box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:pointer;}

@media all and (max-width:768px){
	#boxMapSearch{left:12px;top:80px;width:calc(100vw - 24px);}
	#boxMapSearch .map-filter-search{padding:12px;}
	#boxMapSearch .map-filter-search input{height:44px;font-size:16px;}
	#boxMapSearch .map-filter-search-btn{width:52px;height:44px;flex-basis:52px;}
	#boxMapSearch .map-filter-top{padding:12px;}
	#boxMapSearch .map-filter-summary{height:42px;font-size:15px;}
	#boxMapSearch .map-filter-open{width:84px;flex-basis:84px;height:42px;font-size:14px;}
	#boxMapSearch .map-filter-box-body{max-height:calc(100vh - 190px);}
}

/* ==================== 매물 지도검색 필터 ==================== */
#boxMapFilter{width:100%;background:#fff;}
#boxMapFilter .boxMapFilter-wrap{display:flex;align-items:stretch;justify-content:flex-start;width:100%;height:calc(100vh - 90px);border-top:1px solid #e5e7eb;}
#boxMapFilter .boxMapFilter-wrap{display:flex;align-items:stretch;justify-content:flex-start;width:100%;min-height:calc(100vh - 90px);border-top:1px solid #e5e7eb;}
#boxMapFilter .boxMapFilter-map{flex:1 1 auto;min-width:0;background:#f8fafc;}
#boxMapFilter #mapArea{width:100%;height:100%;background:#eef2f7;}
#boxMapFilter .boxMapFilter-list{flex:0 0 600px;width:600px;min-width:600px;border-left:1px solid #e5e7eb;background:#fff;}
#boxMapFilter .boxMapFilter-list-head{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 1rem;border-bottom:1px solid #e5e7eb;background:#f8fafc;}
#boxMapFilter .boxMapFilter-list-head>.flexbox{align-items:center;gap:.65rem;}
#boxMapFilter .boxMapFilter-list-title{color:#111827;font-size:1rem;font-weight:700;}
#boxMapFilter .boxMapFilter-list-count{color:#2563eb;font-size:.95rem;font-weight:600;}
#boxMapFilter .boxMapFilter-list-body{height:calc(100vh - 152px);overflow-y:auto;overflow-x:hidden;}
#boxMapFilter .boxMapFilter-list-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:240px;border:1px dashed #cbd5e1;border-radius:.75rem;background:#f8fafc;color:#94a3b8;font-size:1rem;font-weight:500;}
#boxMapFilter .map-list-group{margin-bottom:1rem;}
#boxMapFilter .map-list-group-title{padding:.85rem 1rem;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;font-size:.95rem;font-weight:700;}
#boxMapFilter .map-list-order{height:2.6rem;padding:0 2.4rem 0 .9rem;border:1px solid #dbe2ea;border-radius:.5rem;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 7 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:1rem;font-size:.95rem;font-weight:600;color:#1e293b;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;}
#boxMapFilter .map-list-order:hover{border-color:#b8c4d3;background-color:#f8fafc;}
#boxMapFilter .map-list-order:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12);}
#boxMapFilter .map-list-order option{color:#111827;background:#fff;}
#boxMapFilter .map-list-card{display:flex;gap:.875rem;padding:1rem;border-bottom:1px solid #e5e7eb;background:#fff;text-decoration:none;align-items:flex-start;overflow:hidden;}
#boxMapFilter .map-list-thumb-wrap{position:relative;flex:0 0 180px;width:180px;max-width:180px;border-radius:1rem;overflow:hidden;}
#boxMapFilter .map-list-thumb{width:180px;height:135px;background:#e5e7eb;background-size:cover;background-position:center;background-repeat:no-repeat;}
#boxMapFilter .map-list-thumb-badge{position:absolute;top:.65rem;left:.65rem;z-index:2;display:inline-flex;align-items:center;height:1.8rem;padding:0 .65rem;border-radius:.5rem;color:#fff;font-size:.85rem;font-weight:700;line-height:1;}
#boxMapFilter .map-list-thumb-ribbon{position:absolute;top:12px;right:-46px;z-index:2;display:flex;align-items:center;justify-content:center;width:140px;height:28px;color:#fff;font-size:.78rem;font-weight:700;line-height:1;transform:rotate(45deg);}
#boxMapFilter .map-list-price{margin:0 0 .35rem;font-size:1.15rem;font-weight:800;line-height:1.3;color:#111827;word-break:keep-all;}
#boxMapFilter .map-list-title{margin:0 0 .35rem;font-size:1rem;font-weight:700;line-height:1.45;color:#111827;word-break:keep-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#boxMapFilter .map-list-address{margin:0 0 .6rem;font-size:.9rem;font-weight:500;line-height:1.5;color:#374151;word-break:keep-all;}
#boxMapFilter .map-list-features{display:flex;flex-wrap:wrap;gap:.4rem;overflow:hidden;}
#boxMapFilter .map-list-feature{display:inline-flex;align-items:center;min-height:1.8rem;padding:0 .65rem;border-radius:.4rem;background:#f3f4f6;color:#6b7280;font-size:.8rem;font-weight:600;line-height:1.3;word-break:keep-all;}

.map-list-price-items{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;}
.map-list-price-item{display:inline-flex;align-items:center;padding:8px 12px;border-radius:12px;background:#f3f4f6;font-size:14px;font-weight:600;color:#475569;line-height:1;}

.map-premium-overlay{display:block;text-decoration:none;}
.map-premium-overlay-badge{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;border-radius:8px 8px 0 0;background:#2563eb;color:#fff;font-size:12px;font-weight:700;}
.map-premium-overlay-box{display:flex;align-items:center;width:220px;border:1px solid #1d4ed8;border-radius:0 10px 10px 10px;overflow:hidden;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);}
.map-premium-overlay-thumb{flex:0 0 72px;width:72px;height:54px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.map-premium-overlay-info{flex:1;padding:8px 10px;}
.map-premium-overlay-price{margin-bottom:3px;color:#1d4ed8;font-size:12px;font-weight:700;line-height:1.2;}
.map-premium-overlay-title{color:#111827;font-size:14px;font-weight:800;line-height:1.35;word-break:keep-all;}

.map-premium-overlay{position:relative;z-index:999;}
.map-premium-overlay-box{position:relative;z-index:999;}
.map-premium-mini{position:relative;z-index:999;}

.map-premium-mini{display:block;width:48px;height:48px;border-radius:999px;overflow:hidden;border:2px solid #2563eb;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18);}
.map-premium-mini-thumb{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}

#boxMapFilter .boxMapFilter-mobile-open{display:none;}
#boxMapFilter .boxMapFilter-mobile-dim{display:none;}
#boxMapFilter .boxMapFilter-mobile-close{display:none;border:0;background:none;cursor:pointer;}
#boxMapFilter .boxMapFilter-mobile-close .material-symbols-outlined{font-size:28px;line-height:1;}

@media (max-width:1024px){
	#boxMapFilter .boxMapFilter-wrap{display:block;height:auto;min-height:0;}
	#boxMapFilter .boxMapFilter-map{display:block;width:100%;height:auto;min-height:0;flex:none;}
	#boxMapFilter #mapArea{display:block;width:100%;height:420px;min-height:420px;max-height:420px;}
	#boxMapFilter .boxMapFilter-list{display:block;width:100%;min-width:0;flex:none;height:auto;border-left:0;border-top:1px solid #e5e7eb;}
	#boxMapFilter .boxMapFilter-list-body{height:auto;min-height:0;max-height:none;overflow:visible;}
}

@media (max-width:768px){
	html.is-map-list-open,body.is-map-list-open{overflow:hidden;height:100%;touch-action:none;}

	#boxMapFilter{position:relative;}
	#boxMapFilter .boxMapFilter-wrap{display:block;height:100vh;min-height:100vh;}
	#boxMapFilter .boxMapFilter-map{display:block;width:100%;height:100vh;min-height:100vh;flex:none;}
	#boxMapFilter #mapArea{display:block;width:100%;height:100vh;min-height:100vh;max-height:100vh;}

	#boxMapFilter .boxMapFilter-list{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;z-index:120;width:100vw;max-width:none;min-width:0;height:100vh;min-height:100vh;border-left:0;border-top:0;background:#fff;transform:translateX(100%);transition:transform .25s ease;box-shadow:none;overflow:hidden;}
	#boxMapFilter.is-list-open .boxMapFilter-list{transform:translateX(0);}

	#boxMapFilter .boxMapFilter-list-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 64px;width:100%;height:64px;padding:0 .875rem;border-bottom:1px solid #e5e7eb;background:#f8fafc;}
	#boxMapFilter .boxMapFilter-list-head>.flexbox{width:auto;align-items:center;}
	#boxMapFilter .boxMapFilter-list-body{flex:1 1 auto;width:100%;height:auto;min-height:0;max-height:none;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;}

	#boxMapFilter .boxMapFilter-mobile-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:none;cursor:pointer;}
	#boxMapFilter .boxMapFilter-mobile-close .material-symbols-outlined{font-size:28px;line-height:1;}

	#boxMapFilter .boxMapFilter-mobile-dim{display:block;position:fixed;left:0;top:0;z-index:110;width:100vw;height:100vh;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;}
	#boxMapFilter.is-list-open .boxMapFilter-mobile-dim{opacity:1;visibility:visible;pointer-events:auto;}

	#boxMapFilter .boxMapFilter-mobile-open{display:flex;align-items:center;justify-content:center;gap:.35rem;position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:105;height:56px;border:0;border-radius:.9rem;background:#ff6a00;color:#fff;font-size:1.05rem;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.2);cursor:pointer;}
	#boxMapFilter.is-list-open .boxMapFilter-mobile-open{display:none;}
}


@media (max-width:480px){
	#boxMapFilter .boxMapFilter-list-title{font-size:.95rem;}
	#boxMapFilter .boxMapFilter-list-count{font-size:.9rem;}
	#boxMapFilter .map-list-card{flex-direction:column;}
	#boxMapFilter .map-list-thumb-wrap{width:100%;max-width:none;flex:none;}
	#boxMapFilter .map-list-thumb{width:100%;height:180px;}
	#boxMapFilter .boxMapFilter-list-head{flex-wrap:wrap;align-items:flex-start;}
	#boxMapFilter .boxMapFilter-list-head>.flexbox{width:100%;justify-content:space-between;}
	#boxMapFilter .map-list-order{width:100%;}
}

/* ==================== 게시글 ==================== */
#boxList table {width:100%;margin:0 auto;width:100%;border-collapse:collapse;border-spacing:0;border-top:1px solid #333;}
#boxList table thead th {background:#fafbfc;border-bottom:1px solid #ddd;font-weight:normal;text-align:center;line-height:3rem;font-size:var(--fs-base);}
#boxList tbody td{border-bottom:1px solid #ddd;text-align:center;line-height:4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxList tbody td.td-subject {text-align:left;}
#boxList tbody td.td-subject a {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#boxList tbody td.empty {padding:5rem 0;}

@media (max-width:768px){
	#boxList table .td-num{width:auto;padding:0 1rem;}
}

/* ==================== 자주하는 질문 ==================== */
#boxFaq{position:relative;}
#boxFaqCate{display:flex;gap:.8rem;flex-wrap:wrap;margin:0 0 2rem 0;}
#boxFaqCate span{padding:.9rem 1.7rem;border:1px solid #e3e8f1;border-radius:999px;background:#fff;color:#3b4151;font-size:1rem;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(16,24,40,.04);transition:.18s;}
#boxFaqCate span:hover{transform:translateY(-1px);box-shadow:0 2px 10px rgba(16,24,40,.1);}
#boxFaqCate span.on{border-color:var(--color-primary);background:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 2px 10px rgba(16,24,40,.1);}
#boxFaqLoad{border:1px solid #e7ecf3;border-radius:1rem;background:#fff;overflow:hidden;box-shadow:0 2px 10px rgba(16,24,40,.05);}
#boxFaq dl{display:block;margin:0;border-top:1px solid #ddd;background:#fff;overflow:hidden;}
#boxFaq dl:first-child{border-top:0;}
#boxFaq dl dt{position:relative;display:flex;align-items:center;gap:1.5rem;min-height:6.2rem;padding:0 2.4rem;background:#fff;color:#1f2937;font-size:1rem;font-weight:600;cursor:pointer;}
#boxFaq dl dt span{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#eef6ff;color:var(--color-primary);font-family:"Vitro-Head";font-weight:900;}
#boxFaq dl dt .con{flex:1;padding-right:3.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#boxFaq dl dt i{position:absolute;top:50%;right:2.2rem;transform:translateY(-50%);color:#8a94a6;font-size:1rem;transition:.18s;}
#boxFaq dl.on dt{background:#f8fbff;}
#boxFaq dl.on dt i{transform:translateY(-50%) rotate(180deg);color:var(--color-primary);}
#boxFaq dl dd{display:none;margin:0;padding:0 2.4rem 2.4rem 2.4rem;border-top:1px solid #ddd;background:#f8fbff;}
#boxFaq dl.on dd{display:block;}
#boxFaq dl dd .con{padding:2rem 2.2rem;color:#374151;font-size:1.15rem;line-height:180%;}
#boxFaq dl dd table{width:100%;border-spacing:0;border-collapse:collapse;box-sizing:border-box;}
#boxFaq dl dd table tr td{padding:1.3rem 1.8rem;border:1px solid #e7ecf3;font-size:1.45rem;}
#boxFaq dl dd table tr td b{display:block;margin-bottom:.4rem;font-size:1.12em;font-weight:700;}
#boxFaq dl dd img{display:block;max-width:100%;height:auto;border-radius:.25rem;}
#boxFaq dl dd em{font-style:normal;}
#boxFaq dl dd em.under{background:linear-gradient(transparent 68%,#fff1d6 32%);}


/* ==================== 매물 리스트 ==================== */
.latest-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 1.25rem;}
.latest-head-text{flex:1 1 auto;display:flex;align-items:center;gap:1rem;}
.latest-title{margin:0;font-size:var(--fs-base2);font-weight:600;line-height:1.2;color:#1f2937;letter-spacing:-0.02em;}
.latest-section+.latest-section{margin-top:4rem;}
.latest-desc{font-size:var(--fs-base);color:#6b7280;display:block;}
.latest-more{display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 1rem;border:1px solid #e5e7eb;border-radius:.25rem;background:#fff;font-size:var(--fs-base-1);font-weight:600;text-decoration:none;transition:.2s;}
.latest-more:hover{border-color:var(--color-primary);color:var(--color-primary);}
.latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}

.rf-list-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ddd;border-radius:.5rem;overflow:hidden;text-decoration:none;}
.rf-list-card:hover{border-color:var(--color-primary-light);}
.rf-list-thumb-wrap{position:relative;overflow:hidden;}
.rf-list-thumb{display:block;width:100%;height:100px;padding-top:53%;background-color:#eef2f6;background-position:center;background-repeat:no-repeat;background-size:cover;}
.rf-list-thumb-badge{position:absolute;left:.5rem;top:.5rem;display:inline-flex;align-items:center;justify-content:center;min-width:4rem;height:1.6rem;padding:0 .5rem;border-radius:999px;background:rgba(55,65,81,.72);backdrop-filter:blur(4px);font-size:var(--fs-base-2);font-weight:600;color:#fff;line-height:1;}
.rf-list-thumb-ribbon{position:absolute;top:1rem;right:-3rem;width:10rem;height:1.6rem;display:flex;align-items:center;justify-content:center;font-size:var(--fs-base-2);font-weight:600;color:#fff;transform:rotate(45deg);box-shadow:0 2px 6px rgba(0,0,0,.15);}
.rf-list-info{display:flex;flex-direction:column;gap:.25rem;padding:1rem;line-height:1.45;}
.rf-list-title{display:block;overflow:hidden;font-size:var(--fs-base);font-weight:600;letter-spacing:-0.02em;white-space:nowrap;text-overflow:ellipsis;}
.rf-list-address{display:block;overflow:hidden;font-size:var(--fs-base-1);color:#555;white-space:nowrap;text-overflow:ellipsis;}
.rf-list-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px;}
.rf-list-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;}
.rf-list-tag{display:inline-flex;align-items:center;height:1.4rem;padding:0 .25rem;border-radius:.25rem;background:var(--color-background);border:1px solid #e5e7eb;font-size:var(--fs-base-2);font-weight:500;color:#64748b;line-height:1;}

.rf-card-price{display:flex;flex-wrap:wrap;gap:0 .55rem;align-items:center;font-size:var(--fs-base-1);font-size:var(--fs-base);font-weight:600;}
.rf-card-price .price-item{display:inline-flex;align-items:center;gap:.25rem;min-width:0;}
.rf-card-price .price-tag{display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-base-1);min-width:1.5rem;height:1.5rem;line-height:1.5rem;border-radius:1.25rem;font-style:normal;font-weight:600;line-height:1;color:#fff;flex:0 0 auto;}
.rf-card-price .price-value{display:inline-block;font-weight:600;white-space:nowrap;}
.rf-card-price .price-tag.is-rent{background:var(--price-rent);}
.rf-card-price .price-tag.is-deposit{background:var(--price-deposit);}
.rf-card-price .price-tag.is-premium{background:var(--price-premium);}
.rf-card-price .price-tag.is-manage{background:var(--price-manage);}
.rf-card-price .price-tag.is-sale{background:var(--price-sale);}
.rf-card-price .price-tag.is-jeonse{background:var(--price-jeonse);}
.rf-card-price .price-tag.is-loan{background:var(--price-loan);}
.rf-card-price .price-tag.is-real{background:var(--price-real);}
.rf-card-price .price-tag.is-yield{background:var(--price-yield);}

/* ==================== 매물 상세정보 레이어 모달 ==================== */
#ajaxListingPopup{max-width:1200px;margin:40px auto;background:#fff;border-radius:16px;overflow:hidden;}
#ajaxListingPopup .ajax-listing-popup-wrap{position:relative;}
#ajaxListingPopup .ajax-listing-body{max-height:85vh;overflow:auto;}

/* ==================== PC 모바일 따로 보이게 ==================== */
.mobile-text{display:none;}

@media all and (max-width:768px){
	.pc-only{display:none;}
	
	.pc-text{display:none;}
	.mobile-text{display:block;}
}