@import url('sub.css');

/*.header{position: absolute; background:var(--white);}*/
/*.header.nofixed{top:0;}*/

/**** S:: 공통 ****/
.tab{border-radius:5px; overflow: hidden; display: flex;}
.tab li{width: 80px; line-height: 30px; text-align:center; font-size:13px; letter-spacing: -0.39px; font-weight: 600; color:var(--black); background:rgba(255,255,255,.9); transition:all .3s linear; cursor:pointer;}
.tab li.focus{background:var(--main); color:var(--white);}

.tab_box{display: none;}
.tab_box.focus{display: block;}



.menu_wrap {margin: 0 auto; position: sticky !important; top:0 !important; z-index:9999; transition:all 0.4s ease; overflow:hidden; background:#F2EFED; border-radius:10px;}
.menu_wrap .in_Layer {overflow: hidden; box-sizing:border-box; padding:0 40px;}
.menu_wrap .menu_in {display: flex; align-items: center;}
.menu_wrap .menu_in > li {padding: 0 20px 0 0; width:auto;}
.menu_wrap .menu_in > li:last-child{padding-right: 0;}
.menu_wrap .menu_in > li a {display: block; line-height: 60px; font-size:1rem; box-sizing:border-box; position:relative; color:var(--basic); transition:all 0.3s ease; letter-spacing: -0.36px;}
.menu_wrap .menu_in > li a:after{content:''; display:block; width:0; height:3px; background:var(--main); position:absolute; left:0; bottom:0; transition:all 0.3s ease;}
.menu_wrap .menu_in > li.active a:after{width: 100%; transition:all 0.3s;}
.menu_wrap .menu_in > li.active a {color:var(--main) !important; font-weight: 700; transition:all 0.3s;}
.menu_wrap .menu_in > li a:hover {color:var(--main);}


.border_box{border:1px solid var(--border); padding: 30px; box-sizing:border-box; text-align:center; border-radius:10px;}
.border_box img{max-width:100% !important; height: auto !important;}
/**** E:: 공통 ****/





/**** S:: 매물정보(리스트) ****/
.product{width: 100%; height: calc(100vh - 100px); padding: 100px 0 0; position: relative;}
	.product_search{border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background:var(--white); display: flex; box-sizing:border-box; padding: 10px 25px; background:var(--white); position: relative; z-index: 9;	}
	.product_search > div{width: 50%;}
	.product_search .left{}
	.product_search .left ul{display: flex;}
	.product_search .left ul li{margin:0 0 0 8px; width: 100%; overflow: hidden; max-width:110px; box-sizing:border-box;}
	.product_search .left ul li.small{max-width:100px;}
	.product_search .left ul li.search{margin:0; max-width:300px; width: 100%; height: 40px; border:1px solid var(--border); border-radius:5px; display: flex;}
	.product_search .left ul li.search .search_input{display: block; padding:0 20px; width: calc(100% - 40px); height: 40px; line-height:38px; border:0; background:var(--white); font-size:0.882rem; letter-spacing: -0.45px; box-sizing:border-box;}
	.product_search .left ul li.search .search_input::plaseholder{color:var(--light); font-size:0.882rem; letter-spacing: -0.45px;}

	.product_search .left ul li.search .btn_b_s{font-size:0; border:0; background:none; padding:0; position: relative; width: 40px; height: 40px; cursor:pointer;}
	.product_search .left ul li.search .btn_b_s:after{content:'\e8b6'; display: block; width: 100%; height: 100%; font-size:20px; line-height: 40px; text-align:center; font-family:var(--icon); color:var(--black); position: absolute; right:5px; top:0;}

	.product_search .left ul li .select{box-sizing:border-box; width: 100%; height: 40px; line-height: 38px; border:1px solid var(--border); border-radius:5px; padding:0 20px; font-size:0.882rem; letter-spacing: -0.45px; color:var(--black);}
	.product_search .right{display: flex; align-items:center; justify-content: flex-end;}
	.product_search .right dl{display: flex; align-items:center;}
	.product_search .right dl dt{font-size:0.765rem; color:var(--main); font-weight: 600; width: 86px; line-height: 26px; border-radius:5px; background:rgba(124, 94, 66, .1); text-align:center;}
	.product_search .right dl dd{width: calc(100% - 86px); box-sizing:border-box; padding:0 35px 0 10px; font-size:0.765rem; letter-spacing: -0.39px; line-height:150%;}
	.product_search .right .reset_btn{padding:0; border:0; font-size:0; cursor:pointer; transition:all .3s; width: 40px; height: 40px; border-radius:5px; background:var(--main); position: relative; color:var(--white);}
	.product_search .right .reset_btn:hover{background:var(--sub); color:var(--main);}
	.product_search .right .reset_btn:after{content:'\f053'; display: block; width: 100%; height: 100%; font-size:20px; line-height: 40px; text-align:center; font-family:var(--icon); position: absolute; right:0; top:0;}


	.product_quick{position: absolute; left: 50%; bottom: 25px; transform:translateX(-50%); display: flex; box-sizing:border-box; padding:10px; border-radius:5px; background:var(--main); gap:10px;}
	.product_quick li{}
	.product_quick li a{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 80px; height: 80px; background:var(--main); border-radius:5px; font-size:0.765rem; font-weight:600; color:var(--white); transition:all .3s linear; text-align:center;}
	.product_quick li a:hover{background:var(--white); color:var(--main);}
	.product_quick li.on a{background:var(--white); color:var(--main);}
	.product_quick li a i{display: block; font-style:normal; margin: 0 auto 5px; width: 24px; height: 24px; position: relative; color:inherit;}
	.product_quick li a i:after{display: block; width: 100%; height: 100%; line-height: 24px; font-size:24px; text-align:center; font-family:var(--icon); position:absolute; left:0; top:0; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48; font-weight: 400;}
	.product_quick li.quick1 a i:after{content:'\e19f';}
	.product_quick li.quick2 a i:after{content:'\f190';}
	.product_quick li.quick3 a i:after{content:'\ea40';}
	.product_quick li.quick4 a i:after{content:'\f16a';}
	.product_quick li.quick5 a i:after{content:'\e0ef';}
	.product_quick li.quick6 a i:after{content:'\e534';}


	.marker{position: absolute; z-index: 1; font-size:0.765rem; font-weight: 600; color:var(--white); background:url('/assets/images/newProduct/marker.png') no-repeat center/contain; width: 95px; height: 95px; line-height: 95px; text-align:center;}
	.marker1{left:40%; top:60%;}
	.marker2{left:60%; top:20%;}
	.marker3{left:50%; top:50%;}
	.marker4{left:75%; top:50%;}

	.pro_item{max-width:180px; border-radius:5px; background:var(--white); position: absolute; left: 60%; top:50%; transform:translateY(-50%); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.20); overflow: hidden;}
	.pro_item a{display: block;}
	.pro_item dt{aspect-ratio:3/2; overflow: hidden;}
	.pro_item dt img{display: block; width: 100%; height: 100%; object-fit:cover;}
	.pro_item dd{padding: 15px 15px; box-sizing:border-box; text-align:left;}
	.pro_item dd .fs15{padding:0 0 3px; font-weight: 600; color:var(--black);}
	.pro_item dd .fs13 b{color:var(--black); font-weight: 600;}



	.proList{max-width:560px; width: 100%; height: calc(100% - 200px); border-radius:10px; background:var(--white); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); border:1px solid var(--border); position: absolute; left: 25px; bottom: 20px; overflow: hidden; z-index: 3;}
	.proList .proList_top{box-sizing:border-box; display: flex; align-items:center; justify-content:space-between; padding:15px 25px; border-bottom: 1px solid var(--border);}
	.proList .proList_top ul{display: flex;}
	.proList .proList_top ul li{padding: 0 20px 0 0; position: relative; font-size:0.765rem; font-weight: 600; letter-spacing: -0.39px; line-height: 150%;}
	.proList .proList_top ul li:after{content:''; display:block; width:1px; height:10px; background:var(--border); position: absolute; right:10px; top:50%; margin-top: -5px;}
	.proList .proList_top ul li:last-child:after{display: none;}
	.proList .proList_top ul li:last-child{padding: 0;}
	.proList .proList_top ul li b{font-weight: 600;}
	.proList .proList_top .py{display: inline-block; color:var(--black); font-size:0.765rem; font-weight: 600; letter-spacing: 0; line-height: 150%;}
	.proList .proList_top .py:before{content:'\f053'; display: inline-block; vertical-align: middle; margin: -2px 3px 0 0; font-size:20px; font-family:var(--icon); font-weight: 400;}

	.proList .proList_cont{height: calc(100% - 50px);}

		.proList_tab{display: flex; align-items:center; justify-content:space-between; padding: 20px 25px 20px; box-sizing:border-box;}
		.proList_tab ul{display: flex;}
		.proList_tab ul li{width: 36px; height: 36px; border-radius:5px; background:var(--white); border:1px solid var(--border); box-sizing:border-box; cursor:pointer; position: relative; margin: 0 3px 0 0; color:var(--light); font-size:0;}
		.proList_tab ul li:last-child{margin: 0;}
		.proList_tab ul li.focus{background:rgba(124, 94, 66, .1); color:var(--main);}
		.proList_tab ul li:after{content:'\f06d'; display: block; font-family:var(--icon); font-size:18px; width: 100%; height:100%; line-height: 36px; text-align:center; position: absolute; left:0; top:0; font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 48;}
		.proList_tab ul li.gallery:after{content:'\e9b0';}
		.proList_tab .select{box-sizing:border-box; width: 106px; height: 36px; line-height: 34px; border:1px solid var(--border); border-radius:5px; padding:0 15px; font-size:0.765rem; color:var(--light); background: url("/assets/images/newProduct/cat_arrow_bk2.svg") no-repeat right 15px center/9px auto;}

		.proList_box{height: calc(100% - 76px); overflow-x: hidden; overflow-y: auto; box-sizing:border-box; padding:5px 25px 20px;}
		.proList_box::-webkit-scrollbar {width:5px; height:5px;}
		.proList_box::-webkit-scrollbar-thumb {background-color:var(--border); border-radius:5px; background-clip:padding-box; border:0;}
		.proList_box::-webkit-scrollbar-track {background-color:var(--white); box-shadow:inset 0px 0px 5px white;}

		.proList_box_in{display: none;}
		.proList_box_in.focus{display: block;}
		.proList_box_in .pro_list{gap:20px;}
		.proList_box_in .pro_list .list{width: calc((100% - 20px)/2);}
		.proList_box_in .pro_list .list .desc .in{padding: 20px;}
		.proList_box_in .pro_list .list.banner a{font-size:0.765rem;}
		.proList_box_in .photo_btn{display: inline-block; cursor:pointer; width: 34px; height: 34px; border-radius:50%; background:rgba(34,34,34,.9); position: absolute; right: 10px; bottom: 10px; z-index: 2; font-size:0;}
		.proList_box_in .photo_btn:after{content:'\f7d4'; display: block; font-family:var(--icon); font-size:18px; width: 100%; height:100%; line-height: 34px; text-align:center; position: absolute; left:0; top:0; color:var(--white);}

		.pro_basic{}
		.pro_basic .list{border-bottom: 1px solid var(--border); padding: 20px 0; display: flex;}
		.pro_basic .list:first-child{padding-top: 0;}
		.pro_basic .list a{}
		.pro_basic .list .thumb{aspect-ratio:3/2; overflow: hidden; position: relative; border-radius:5px; width: 185px;}
		.pro_basic .list .thumb img{display: block; width: 100%; height: 100%; object-fit:cover;}
		.pro_basic .list .desc{width:calc(100% - 185px); display: flex; flex-direction: column; justify-content: center;}
		.pro_basic .list .desc a{box-sizing:border-box; padding:0 0 0 20px;}
		.pro_basic .list .desc .fs19{}
		.pro_basic .list .desc .fs13{font-weight: 400; color:var(--basic); display: inline-block; margin-left: 5px;}
		.pro_basic .list .desc ul{padding: 8px 0 0; display: flex; flex-wrap:wrap;}
		.pro_basic .list .desc ul li{width: 50%; padding: 0 20px 0 54px; position: relative; box-sizing:border-box; font-size:0.765rem; letter-spacing: -0.39px; line-height: 150%;}
		.pro_basic .list .desc ul li b{position:absolute; left:0; top:0; color:var(--black);}
		.pro_basic .list .desc dl{display: flex; background:var(--main); text-align:center; margin: 14px 0 0; border-radius:5px; overflow: hidden;}
		.pro_basic .list .desc dl dd{flex:1; box-sizing:border-box; position: relative; padding: 10px; box-sizing:border-box; font-size:0.765rem; font-weight: 600; color:var(--white); letter-spacing: -0.39px; }
		.pro_basic .list .desc dl dd:after{content:''; display: block; width: 1px; height: 14px; background:rgba(255,255,255,.2); position: absolute; right: 0; top:50%; margin-top: -7px;}
		.pro_basic .list .desc dl dd:last-child:after{display: none;}
		.pro_basic .list.banner .in{width: 100%; background:url('/assets/images/newProduct/banner1.jpg') no-repeat center/cover; padding:30px; box-sizing:border-box; border-radius:10px;}
		.pro_basic .list.banner .fs21{color:var(--white);}
		.pro_basic .list.banner .fs15{color:var(--white); padding: 10px 0 0;}
		.pro_basic .list.banner a{display: inline-block; border:0; margin: 23px 0 0; font-size:0.765rem; font-weight: 600; color:var(--white); letter-spacing: -0.51px;}
		.pro_basic .list.banner a:after{content:'\e5e0'; display:inline-block; vertical-align: middle; margin: -4px 0 0 2px; font-weight: 400; font-size:13px; font-family:var(--icon); transform:rotate(180deg); transition:all .3s linear;}

		.photo_popup{position: fixed; left:0; top:0; width: 100%; height: 100vh; z-index: 999999991; background:rgba(0,0,0,.8); display: flex !important; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; opacity: 0; visibility:hidden; transition:all .3s;}
		.photo_popup.show{opacity: 1; visibility:visible; transition:all .4s linear;}
			.photo_popup_close{width: 50px; height:50px; font-size:0; cursor:pointer; display: block; position: absolute; right: 25px; top:25px; text-align:center;}
			.photo_popup_close:after{content:'\e5cd'; display:block; width:100%; height:100%; font-size:50px; line-height:50px; position: absolute; left:0; top:0; font-family:var(--icon); color:var(--white);}
			.photo_popup_roll{width: 100%; text-align:center; padding:; box-sizing:border-box;}
			.photo_popup_roll .roll{}
			.photo_popup_roll .roll img{max-width:900px; margin: 0 auto; width: 100% !important; height: auto !important;}


		.photo_popup .slick-arrow{padding: 0; border:0; font-size:0; cursor:pointer; background:none; width: 70px; height: 70px; position: absolute; top:50%; z-index: 9991; transition:all .3s linear; transform:translateY(-50%); background:#000; border-radius:50%;}
		.photo_popup .slick-arrow:hover{opacity: 1;}
		.photo_popup .slick-prev{left:25px;}
		.photo_popup .slick-next{right:25px;}
		.photo_popup .slick-arrow:after{content:'\e5c8'; display: block; width: 100%; height: 100%; line-height: 70px; font-size:24px; text-align:center; font-family:var(--icon); color:var(--white);}
		.photo_popup .slick-prev:after{transform:rotate(180deg);}

/**** E:: 매물정보(리스트) ****/



/**** S:: 매물정보(뷰) ****/
.pro_view{display: flex;}
.pro_view > div{box-sizing:border-box;}
.pro_view .con_area{width: calc(100% - 450px);}
.pro_view .con_area article{padding: 60px 0 0;}
.pro_view .con_area article h4.fs25{padding: 0 0 15px;}
.pro_view .con_area article h4.fs25 small{display: inline-block; margin-left: 10px; font-weight: 400; color:var(--basic);}
.pro_view .con_area article h4.fs25 .redFont{color:var(--sub3); font-weight: 800;}
.pro_view .txt_area{width: 450px; padding:0 0 0 50px;}
.pro_view .txt_area .in{position: sticky; top:50px;}

	.pro_txt{box-sizing:border-box; border:1px solid var(--border); border-radius:10px; padding:30px;}
	.pro_txt .pro_cate{display: flex; flex-wrap:wrap; margin: 0 0 15px;}
	.pro_txt .pro_cate li{margin: 2px; padding:0 10px; box-sizing:border-box; text-align:center; font-size:13px; line-height: 26px; border-radius:5px; letter-spacing: -0.39px; font-weight: 600; color:var(--main); background:rgba(124, 94, 66, .1);}
	.pro_txt .pro_cate li.view{color:var(--sub3); background:rgba(243, 76, 89, .1);}
	.pro_txt .fs25{}
	.pro_txt > .fs15{padding: 5px 0 0;}
	.pro_txt .pro_info{margin: 30px 0 0;}
	.pro_txt .pro_info ul{padding: 0 0 30px; display: flex; flex-wrap:wrap; gap:15px 20px;}
	.pro_txt .pro_info ul li{width: calc((100% - 20px)/2); font-size:0.882rem; color:var(--black); letter-spacing: -0.45px; line-height: 150%;}
	.pro_txt .pro_info ul li img{width: 22px; display: inline-block; vertical-align: middle; margin:-2px 8px 0 0;}
	.pro_txt .pro_info dl{display: flex; margin: 0 0 5px;}
	.pro_txt .pro_info dl:last-of-type{margin: 0;}
	.pro_txt .pro_info dl dt{width: 86px; font-size:0.882rem; color:var(--black); letter-spacing: -0.45px; line-height: 150%; font-weight: 600;}
	.pro_txt .pro_info dl dd{width: calc(100% - 86px); font-size:0.882rem; color:var(--basic); letter-spacing: -0.45px; line-height: 150%;}
	.pro_txt .pro_btn{margin:30px 0 0; display: flex;}
	.pro_txt .pro_btn a{display: block; box-sizing:border-box; transition:all .3s; font-size:0.882rem; font-weight:600; letter-spacing: -0.45px; border:1px solid; height: 50px; line-height: 48px; text-align:center; border-radius:5px;}
	.pro_txt .pro_btn a.list_btn{width: calc(100% - 85px); margin-right: 5px; background:var(--main); border-color:var(--main); color:var(--white);}
	.pro_txt .pro_btn a.list_btn:hover{background:var(--sub); border-color:var(--sub); color:var(--main);}
	.pro_txt .pro_btn a.good_btn{width: 80px; border-color:var(--black); color:var(--black); background:var(--white);}
	.pro_txt .pro_btn a.good_btn:before{content:'\e87d'; display: inline-block; vertical-align: middle; margin: -2px 3px 0 0; font-size:20px; font-family:var(--icon); font-weight: 400;}
    .pro_txt .pro_btn a.good_btn.active:before{color:#ef3131;}

	.recent{box-sizing:border-box; border:1px solid var(--border); border-radius:10px; padding:30px; margin: 30px 0 0;}
	.recent h4{font-weight: 600; color:var(--black);}
	.recent h4:before{content:'\e0ee'; display:inline-block; vertical-align: middle; margin: -2px 10px 0 0; width:40px; height:40px; font-size:20px; line-height: 40px; background:var(--main); border-radius:10px; text-align:center; font-family:var(--icon); color:var(--white); font-weight: 400;}
	.recent .recent_list{}
	.recent .recent_list .list{padding: 15px 0; border-bottom: 1px solid var(--border);}
	.recent .recent_list .list:last-child{border-bottom: 0; padding-bottom: 0;}
	.recent .recent_list .list a{display: flex; align-items:center;}
	.recent .recent_list .list a .thumb{width: 135px; aspect-ratio:3/2; overflow: hidden; border-radius:5px;}
	.recent .recent_list .list a .thumb img{display: block; width: 100%; height: 100%; object-fit:cover;}
	.recent .recent_list .list a .desc{padding: 0 0 0 20px; width: calc(100% - 135px); box-sizing:border-box;}
	.recent .recent_list .list a .desc .fs19{font-weight: 600; line-height: 120%; color:var(--black); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
	.recent .recent_list .list a .desc .fs13{margin: 5px 0 0; line-height: 120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}




	.pro_img{position: relative; height: 674px; overflow: hidden; border-radius:10px; margin: 0 0 30px;}
	.pro_img .tab{position: absolute; left:50%; transform:translateX(-50%); top:20px; z-index: 9999;}
	.pro_img .tab_box{position:absolute; height: 674px; background:var(--black);}
	.pro_img .pro_img_roll{}
	.pro_img .pro_img_roll .roll{}
	.pro_img .pro_img_roll .roll span{display: block; aspect-ratio:3/2.25; overflow: hidden;}
	.pro_img .pro_img_roll .roll img{display: block; width: 100%; height:100%; object-fit:cover;}


	.pro_img .slick-arrow{font-size:0; padding:0; border:0; background:none; color:var(--white); cursor:pointer; width:20px; height:20px; position:absolute; bottom: 27px; right: 20px; z-index:9999; opacity: 1; transition:all .3s linear;}
	.pro_img .slick-arrow:hover{opacity: 0.5;}
	.pro_img .slick-arrow:after{content:'\e5cb'; font-family:var(--icon); display: block; width: 100%; height: 100%; font-size:20px; line-height: 20px; text-align:center; position: absolute; left:0; top:0;}
	.pro_img .slick-arrow.slick-prev{margin-right: 65px;}
	.pro_img .slick-arrow.slick-next{margin-right: 8px;}
	.pro_img .slick-arrow.slick-next:after{transform:rotate(180deg);}

	.pro_img .slider-paging-number {position:absolute; bottom:20px; right: 20px; z-index: 9991; display:flex; align-items: center; padding: 10px 35px; border-radius: 100px; background: rgba(34,34,34, 0.8);}
	.pro_img .slider-paging-number li{display:none; font-size:13px; line-height:100%; color:var(--white); letter-spacing:0pt; font-weight:400; vertical-align:middle;}
	.pro_img .slider-paging-number li.slick-active{display:block;}
	.pro_img .slider-paging-number li span{display: inline-block; font-weight:600; color:var(--white); font-size:13px; line-height:100%; letter-spacing:0pt; vertical-align:middle; margin-top:-3px;}
	.pro_img .slider-paging-number li span:after{content:'/'; display:inline-block; vertical-align: middle; margin:-2px 2px 0; font-weight: 400; color:var(--white); font-size:13px; line-height:100%; letter-spacing:0pt;}


	.key{}
	.key ul{padding: 30px 0; box-sizing:border-box; border:1px solid var(--border); border-radius:10px; display: flex;}
	.key ul li{text-align:center; flex:1; box-sizing:border-box; border-right: 1px solid var(--border);	}
	.key ul li img{margin: 0 auto 20px;}
	.key ul li .fs17{font-weight: 600; color:var(--black); line-height: 120%;}
	.key ul li .fs15{letter-spacing: 0; padding: 5px 0 0;}

	.land{}
	.land .land_table{border-top: 1px solid var(--black); display: flex; flex-wrap:wrap;}
	.land .land_table dl{display: flex; width: 50%;}
	.land .land_table dl dt{width: 180px; font-size:1rem; line-height:160%; font-weight: 600; letter-spacing: -0.51px; color:var(--black); box-sizing:border-box; border-bottom:1px solid var(--border); padding:15px 20px; background:var(--grayBg2);}
	.land .land_table dl dd{width: calc(100% - 180px); font-size:1rem; line-height:160%; letter-spacing: -0.51px; box-sizing:border-box; border-bottom:1px solid var(--border); padding:15px 20px;}

	.building{}
	.building .building_list{display: flex; flex-wrap:wrap; gap:30px;}
	.building .building_list dl{display: flex; align-items:center; width: calc((100% - 60px)/3);}
	.building .building_list dl dt{width: 80px;}
	.building .building_list dl dt img{display: block; width: 100%; height: auto;}
	.building .building_list dl dd{padding: 0 0 0 20px; box-sizing:border-box; width: calc(100% - 80px);}
	.building .building_list dl dd .fs17{line-height: 130%; font-weight: 600; color:var(--black);}
	.building .building_list dl dd .fs15{line-height: 150%; padding: 5px 0 0;}

	.floor_table{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid var(--black); text-align:center;}
	.floor_table th{font-size:1rem; font-weight: 600; color:var(--black); letter-spacing: -0.51px; line-height: 165%; padding:15px 10px; box-sizing:border-box; border-bottom:1px solid var(--border); border-right:1px solid var(--border); background:var(--grayBg2);}
	.floor_table th:last-child{border-right: 0;}
	.floor_table td{font-size:1rem; font-weight: 400; color:var(--basic); letter-spacing: -0.51px; line-height: 165%; padding:15px 10px; box-sizing:border-box; border-bottom:1px solid var(--border); border-right:1px solid var(--border); background:var(--white);}
	.floor_table td:last-child{border-right: 0;}

	.rental_txt{padding: 20px 0 18px; background:rgba(124, 94, 66, 0.1); display: flex; border-radius:5px; margin: 0 0 30px;}
	.rental_txt li{box-sizing:border-box; flex:1; border-right: 1px solid var(--border); display: flex; align-items:center; justify-content:space-between; padding: 0 30px;}
	.rental_txt li:last-child{border:0;}
	.rental_txt li .fs15{font-weight: 600; color:var(--main);}

	.rental_graph{display: flex; justify-content: center; max-width:700px; width: 100%; margin: 0 auto; position: relative;}
	.rental_graph:before{content:''; display: block; width: 100%; height: 1px; background:var(--border); position: absolute; left:0; bottom:60px; z-index: -1;}
	.rental_graph dl{max-width:90px; width: 100%; height: 200px; text-align:center; padding: 0 50px; display: flex; flex-direction: column;
    justify-content: flex-end;}
	.rental_graph dl dt{line-height: 120%; display: flex; flex-direction: column; align-items: center;
    justify-content: flex-end;}
	.rental_graph dl dt .fs17{color:var(--main); font-weight: 700; letter-spacing: 0; padding: 0 0 10px;}
	.rental_graph dl dt .bar{display: inline-block; width: 80%; background:var(--main);}
	.rental_graph dl dd{padding: 12px 0 0;}
	.rental_graph dl dd .fs15{font-weight: 600; color:var(--black); line-height: 130%;}
	.rental_graph dl dd i{display: block; margin: 10px auto 0; width: 18px; height: 18px; border-radius:50%; background:rgba(0, 0, 0, 0.1); text-align:center; position: relative; font-style:normal;}
	.rental_graph dl dd i:after{content:'\eb8b'; display: block; width: 100%; height: 100%; line-height: 18px; font-size:12px; color:var(--black); position: absolute; left:0; top:0; font-family:var(--icon);}

	.rental_graph dl:nth-child(1) dt .fs17{color:#A78F68;}
	.rental_graph dl:nth-child(1) dt .bar{background:#A78F68;}
	.rental_graph dl:nth-child(2) dt .fs17{color:#7C5E42;}
	.rental_graph dl:nth-child(2) dt .bar{background:#7C5E42;}
	.rental_graph dl:nth-child(3) dt .fs17{color:#3F1A13;}
	.rental_graph dl:nth-child(3) dt .bar{background:#3F1A13;}


	.peripheral{}
	.peripheral .peripheral_in{position: relative; overflow: hidden; border-radius:10px;}
	.peripheral .peripheral_in .tab{position: absolute; left:50%; transform:translateX(-50%); top:20px; z-index: 9999;}
	.peripheral .peripheral_in .tab_box{position: relative; height: 480px; background:var(--black);}
	.peripheral .peripheral_in .mark{position: absolute; left:50%; top:60%;	font-size:0.765rem; font-weight: 600; color:var(--white); background:url('/product/img/marker.png') no-repeat center/contain; width: 95px; height: 95px; line-height: 95px; text-align:center;}
	.peripheral .peripheral_in .peripheral_map{display: block; width: 100%; height: 100%; object-fit:cover;}
	.peripheral .peripheral_in dl{max-width:180px; border-radius:5px; background:var(--white); position: absolute; left: 60%; top:50%; transform:translateY(-50%); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.20); overflow: hidden;}
	.peripheral .peripheral_in dl dt{aspect-ratio:3/2; overflow: hidden;}
	.peripheral .peripheral_in dl dt img{display: block; width: 100%; height: 100%; object-fit:cover;}
	.peripheral .peripheral_in dl dd{padding: 15px 15px; box-sizing:border-box; text-align:left;}
	.peripheral .peripheral_in dl dd .fs15{padding:0 0 3px; font-weight: 600; color:var(--black);}
	.peripheral .peripheral_in dl dd .fs13 b{color:var(--black); font-weight: 600;}


	.possession{}
	.possession ul{display: flex; flex-wrap:wrap; padding:30px 0; box-sizing:border-box; border:1px solid var(--border); border-radius:10px;}
	.possession ul li{text-align:center; flex:1; border-right: 1px solid var(--border); box-sizing:border-box;}
	.possession ul li:last-child{border:0;}
	.possession ul li img{margin: 0 auto 20px;}
	.possession ul li .fs17{font-weight: 600; color:var(--black);}
	.possession ul li .fs15{padding: 5px 0 0;}


	.property{}
	.property .btn_area{text-align:center; padding: 30px 0 0;}
		.property_list{}
		.property_list .list{margin: 0 0 10px;}
		.property_list .list:last-child{margin: 0;}
		.property_list .list a{display: flex; align-items:center; box-sizing:border-box; padding: 30px; border:1px solid var(--border); border-radius:10px; transition:all .3s linear;}
		.property_list .list a:hover{border-color:var(--main);}
		.property_list .list a .thumb{width: 200px; border-radius:5px; aspect-ratio:3/2; overflow: hidden;}
		.property_list .list a .thumb img{display: block; width: 100%; height: 100%; object-fit:cover; transition:all .3s linear;}
		.property_list .list a:hover .thumb img{transform:scale(1.1);}
		.property_list .list a .desc{width: calc(100% - 200px); padding: 0 0 0 30px;}
		.property_list .list a .desc .cate{display: inline-block; margin: 0 0 10px; padding:0 10px; font-size:13px; line-height: 26px; font-weight: 600; color:var(--main); background:rgba(124, 94, 66, .1); border-radius:5px; text-align:center;}
		.property_list .list a .desc .fs17{font-weight: 600; color:var(--black); line-height: 120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
		.property_list .list a .desc .fs13{margin: 12px 0 0; letter-spacing: -0.39px; line-height: 120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}




.pro_list{display: flex; flex-wrap:wrap; gap:30px;}
.pro_list .list{width: calc((100% - 60px)/3); border-radius:10px; overflow: hidden;}
.pro_list .list > a{display: block; box-sizing:border-box; border:1px solid var(--border);}
.pro_list .list .thumb{aspect-ratio:3/2; overflow: hidden; position: relative;}
.pro_list .list .thumb img{display: block; width: 100%; height: 100%; object-fit:cover;}
.pro_list .list .thumb .good{position: absolute; right: 15px; bottom: 15px; width: 60px; line-height: 30px; text-align:center; background:rgba(34,34,34,.8); border-radius:30px; font-size:0.882rem; font-weight:600; color:var(--white);}
.pro_list .list .thumb .good:before{content:'\e87d'; display: inline-block; vertical-align: middle; margin: -2px 3px 0 0; font-size:16px; font-family:var(--icon); font-weight: 400;}
.pro_list .list .desc{}
.pro_list .list .desc .in{box-sizing:border-box; padding: 20px 30px; text-align:left;}
.pro_list .list .desc .fs19{}
.pro_list .list .desc .fs13{line-height: 150%; padding: 5px 0 0;}
.pro_list .list .desc ul{padding: 10px 0 0;}
.pro_list .list .desc ul li{padding: 0 0 2px 60px; position: relative; box-sizing:border-box; font-size:0.765rem; letter-spacing: -0.39px; line-height: 150%;}
.pro_list .list .desc ul li:last-child{padding-bottom: 0;}
.pro_list .list .desc ul li b{position:absolute; left:0; top:0; color:var(--black);}
.pro_list .list .desc .view{text-align:right; font-size:0.765rem; letter-spacing: -0.39px; font-weight: 400; line-height: 150%; margin: 10px 0 0;}
.pro_list .list .desc .view:before{content:'\e8f4'; display:inline-block; vertical-align: middle; color:var(--light); margin:0 5px 0 0; font-size:18px; font-family:var(--icon); font-weight: 400;}
.pro_list .list .desc dl{display: flex; background:var(--main); text-align:center;}
.pro_list .list .desc dl dd{flex:1; position: relative; padding: 10px; box-sizing:border-box; font-size:0.765rem; font-weight: 600; color:var(--white); letter-spacing: -0.39px;}
.pro_list .list .desc dl dd:before{display:inline-block; vertical-align: middle; margin:-2px 5px 0 0; font-size:16px; font-family:var(--icon); font-weight: 400;}
.pro_list .list .desc dl dd.database:before{content:'\f20e';}
.pro_list .list .desc dl dd.bar_chart:before{content:'\e26b';}
.pro_list .list .desc dl dd:after{content:''; display: block; width: 1px; height: 14px; background:rgba(255,255,255,.2); position: absolute; right: 0; top:50%; margin-top: -7px;}
.pro_list .list .desc dl dd:last-child:after{display: none;}
.pro_list .list.banner{background:url('/assets/images/newProduct/banner1.jpg') no-repeat center/cover; padding:30px; box-sizing:border-box; }
.pro_list .list.banner .fs21{color:var(--white);}
.pro_list .list.banner .fs15{color:var(--white); padding: 10px 0 0;}
.pro_list .list.banner a{display: inline-block; border:0; margin: 25px 0 0; font-size:1rem; font-weight: 600; color:var(--white); letter-spacing: -0.51px;}
.pro_list .list.banner a:after{content:'\e5e0'; display:inline-block; vertical-align: middle; margin: -4px 0 0 2px; font-weight: 400; font-size:13px; font-family:var(--icon); transform:rotate(180deg); transition:all .3s linear;}



/**** E:: 매물정보(뷰) ****/











/**** S:: 대출확인매물 ****/
.search_box{box-sizing:border-box; padding:15px; border-radius:5px; display: flex; background:var(--grayBg2); margin: 0 0 30px; flex-wrap:wrap; gap:10px;}
.search_box .select{height: 50px; line-height: 48px; font-size:0.882rem; letter-spacing: -0.45px; color:var(--black); padding:0 20px; box-sizing:border-box; border:1px solid var(--border); border-radius:5px; background-color:var(--white); width: calc((100% - 440px)/4);}
.search_box dl{width: 400px; display: flex; border:1px solid var(--border); border-radius:5px; overflow: hidden; box-sizing:border-box; background:var(--white);}
.search_box dl dd{width: calc(100% - 50px);}
.search_box dl dd .search_input{display: block; padding:0 20px; width: 100%; height: 50px; line-height:48px; border:0; background:var(--white); font-size:0.882rem; letter-spacing: -0.45px; box-sizing:border-box;}
.search_box dl dd .search_input::plaseholder{color:var(--light); font-size:0.882rem; letter-spacing: -0.45px;}
.search_box dl dt{width: 50px; height: 50px;}
.search_box dl dt .bbs_s_b{font-size:0; border:0; background:none; padding:0; position: relative; width: 100%; height: 100%; cursor:pointer;}
.search_box dl dt .bbs_s_b:after{content:'\e8b6'; display: block; width: 100%; height: 100%; font-size:20px; line-height: 50px; text-align:center; font-family:var(--icon); color:var(--black); position: absolute; left:0; top:0;}


.loan_list{display: flex; flex-wrap:wrap; gap:30px;}
.loan_list .list{width: calc((100% - 60px)/3); box-sizing:border-box; border:1px solid var(--border); border-radius:10px; overflow: hidden;}
.loan_list .list .in{box-sizing:border-box; padding: 30px;}
.loan_list .list .cate{display: flex; flex-wrap:wrap; margin: 0 0 4px;}
.loan_list .list .cate li{margin: 0 4px 4px 0; width: 70px; height: 26px; line-height: 24px; box-sizing:border-box; border-radius:5px; background:var(--white); border:1px solid var(--main); color:var(--main); font-size:0.765rem; font-weight:600; text-align:center;}
.loan_list .list .cate li.red{color:var(--sub3); border-color:var(--sub3);}
.loan_list .list .txt{margin: 5px 0 0; display: flex;}
.loan_list .list .txt li{font-size:0.882rem; letter-spacing: -0.45px; line-height: 160%; padding:0 30px 0 0; position: relative;}
.loan_list .list .txt li:last-child{padding: 0;}
.loan_list .list .txt li:after{content:''; display: block; width: 1px; height: 9px; background:var(--border); position: absolute; right: 15px; top:50%; margin-top: -5px;}
.loan_list .list .info{margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid var(--border);}
.loan_list .list .info li{padding:0 0 6px 70px; font-size:0.882rem; line-height: 150%; box-sizing:border-box; position: relative;}
.loan_list .list .info li b{font-weight: 600; color:var(--black); position: absolute; left:0; top:0;}
.loan_list .list dl{display: flex;}
.loan_list .list dl dd{flex:1; position: relative;}
.loan_list .list dl dd:after{content:''; display: block; width: 1px; height: 20px; background:rgba(255,255,255,.2); position: absolute; right: 0; top:50%; margin-top: -10px;}
.loan_list .list dl dd a{display: block; font-size:1rem; letter-spacing: -0.51px; font-weight: 600; color:var(--white); line-height: 60px; text-align:center; background:var(--main);}
.loan_list .btn_area{padding: 60px 0; width: 100%; text-align:center;}
.basicCont .btn_area{padding: 60px 0; width: 100%; text-align:center;}



/**** E:: 대출확인매물 ****/