@import url('sub.css');


/**** S:: 부동산 칼럼 ****/
.property_list{}
.property_list .list{margin: 0 0 10px;}
.property_list .list a{display: flex; box-sizing:border-box; border:1px solid var(--border); padding: 30px;}
.property_list .list .thumb{width: 400px; aspect-ratio:3/2; overflow: hidden;}
.property_list .list .thumb img{display: block; width: 100%; height: 100%; object-fit:cover; transition:all .4s linear;}
.property_list .list:hover .thumb img{transform:scale(1.1);}
.property_list .list .desc{width: calc(100% - 400px); padding: 0 0 0 50px; box-sizing:border-box; display:flex; flex-direction: column;
justify-content: center;}
.property_list .list .desc dl{display: flex; align-items:center; padding: 0 0 14px;}
.property_list .list .desc dl dt{padding: 0 10px; line-height: 26px; border-radius:5px; background:rgba(124, 94, 66, .1); font-size:0.765rem; font-weight: 600; color:var(--main); letter-spacing: -0.45px;}
.property_list .list .desc dl dd{padding: 0 10px; font-size:0.882rem; font-weight: 600; color:var(--main); letter-spacing: -0.45px;}
.property_list .list .desc .fs21{line-height: 120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.property_list .list .desc .fs17{line-height: 1.6em; height: 3.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0 0;}
.property_list .list .desc ul{display: flex; padding: 25px 0 0;}
.property_list .list .desc ul li{font-size:0.765rem; padding: 0 15px 0 0; letter-spacing: 0; font-weight: 600; color:rgba(119, 119, 119, 0.5);}
.property_list .list .desc ul li:last-child{padding: 0;}
.property_list .list .desc ul li:before{display:inline-block; vertical-align: middle; margin:0 3px 0 0; font-size:18px; font-family:var(--icon); font-weight: 400;}
.property_list .list .desc ul li.date:before{content:'\e8b5';}
.property_list .list .desc ul li.view:before{content:'\e8f4';}

.property_list2{padding: 80px 0 60px; display: flex; flex-wrap:wrap; gap:30px;}
.property_list2 > div{width: calc((100% - 90px)/4); box-sizing:border-box; border:1px solid var(--border); border-radius:10px; overflow:hidden;}
.property_list2 .profile_list{padding: 30px; box-sizing:border-box;}
.property_list2 .profile_list .profile{padding: 0 0 26px; border-bottom: 1px solid var(--border); display: flex; align-items:center;}
.property_list2 .profile_list .profile dt{width: 100px; height: 100px; border-radius:50%; overflow: hidden; background:var(--grayBg2);}
.property_list2 .profile_list .profile dt img{display: block; width: 100%; height: 100%; object-fit:cover;}
.property_list2 .profile_list .profile dd{width: calc(100% - 100px); padding: 0 10px 0 0; box-sizing:border-box;}
.property_list2 .profile_list .profile dd .fs13{display: inline-block; padding: 0 10px; line-height: 26px; border-radius:5px; background:rgba(124, 94, 66, .1); text-align:center; margin: 0 0 8px; color:var(--main); font-weight: 600;}
.property_list2 .profile_list .profile dd .fs19{text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.property_list2 .profile_list .column{padding: 24px 0 0;}
.property_list2 .profile_list .column dt{font-weight: 600; color:var(--black);}
.property_list2 .profile_list .column dt:before{content:'\e52d'; display: inline-block; vertical-align: middle; font-size:18px; color:var(--black); margin: 0 3px 0 0; font-weight: 400; font-family:var(--icon);}
.property_list2 .profile_list .column dd{padding: 5px 0 0;}
.property_list2 .profile_list .column dd{padding: 5px 0 0;}
.property_list2 .profile_list .sns_list{padding: 30px 0 0; display: flex; gap:5px;}
.property_list2 .profile_list .sns_list dd{width: calc((100% - 10px)/3);}
.property_list2 .profile_list .sns_list dd a{display: block; line-height: 28px; text-align:center; border-radius:3px; color:var(--white); font-size:0.765rem; letter-spacing: -0.39px;}
.property_list2 .profile_list .sns_list dd.kakao a{background:#FAE100; color:#3B1E1E;}
.property_list2 .profile_list .sns_list dd.blog a{background:#42D31A;}
.property_list2 .profile_list .sns_list dd.youtube a{background:#F00;}
.property_list2 .profile_list .sns_list dd a img{width: 14px; height: auto; display: inline-block; vertical-align: middle; margin: 0 3px 0 0;}


.property_list2 .list{}
.property_list2 .list a{display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%;}
.property_list2 .list .thumb{overflow: hidden; position: relative; aspect-ratio:3/2;}
.property_list2 .list .thumb .recom{position: absolute; right: 10px; bottom:10px; z-index: 5; font-size:0.882rem; font-weight: 600; color:var(--white); padding: 0 16px; line-height: 30px; text-align:center; background:rgba(34,34,34,.8); border-radius:50px;}
.property_list2 .list .thumb .recom:before{content: '\e87d'; display: inline-block; vertical-align: middle; margin: 0 3px 0 0; font-size:16px; font-family: var(--icon); font-weight: 400;}
.property_list2 .list .thumb img{display: block; width: 100%; height: 100%; object-fit: cover;}
.property_list2 .list .desc{}
.property_list2 .list .desc .in{box-sizing:border-box; padding:20px 30px;}
.property_list2 .list .desc .fs19{}
.property_list2 .list .desc .fs13{padding:3px 0 0;}
.property_list2 .list .desc ul{padding: 10px 0 0;}
.property_list2 .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%;}
.property_list2 .list .desc ul li:last-child{padding-bottom: 0;}
.property_list2 .list .desc ul li b{position:absolute; left:0; top:0; color:var(--black);}

.property_list2 .list .desc .count{text-align:right; font-size:0.765rem; letter-spacing: -0.39px; font-weight: 400; line-height: 150%; margin: 10px 0 0;}
.property_list2 .list .desc .count: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;}
.property_list2 .list .desc dl{display: flex; background:var(--main); text-align:center;}
.property_list2 .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;}
.property_list2 .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;}
.property_list2 .list .desc dl dd.database:before{content:'\f20e';}
.property_list2 .list .desc dl dd.bar_chart:before{content:'\e26b';}
.property_list2 .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;}
.property_list2 .list .desc dl dd:last-child:after{display: none;}
/**** E:: 부동산 칼럼 ****/



/**** S:: 원매거진 ****/
.magazine_top{padding: 50px 0;}
.magazine_top_in{display: flex;}
.magazine_top_in > div{box-sizing:border-box;}
.magazine_top_in .img_area{width: 474px;}
.magazine_top_in .img_area img{width: 100% !important; height: auto !important; box-shadow: 0px 20px 30px 0px rgba(138, 149, 158, 0.20);}
.magazine_top_in .txt_area{width: calc(100% - 474px); padding:0 0 0 80px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center;}
.magazine_top_in .txt_area .tit{position: relative; box-sizing:border-box; padding: 0 70px 0 0;}
.magazine_top_in .txt_area .tit .shareBox{position: absolute; right: 0; top:0; margin: 0;}
.magazine_top_in .txt_area .tit .shareBox .shareBtn{border:0; box-shadow: 0px 10px 20px 0px rgba(138, 149, 158, 0.20);}
.magazine_top_in .txt_area .fs13{letter-spacing: 0; line-height: 26px; font-weight: 600; color:var(--main); background:rgba(124, 94, 66, 0.1); border-radius:5px; text-align:center; padding: 0 10px; display: inline-block; margin: 0 0 10px;}
.magazine_top_in .txt_area .fs17{font-weight: 700; color:var(--main); padding: 0 0 10px;}
.magazine_top_in .txt_area .cont{padding: 30px 0 0; margin: 30px 0 0; border-top: 1px solid var(--border);}
.magazine_top_in .txt_area .download_btn{margin: 60px 0 0; height: 60px; line-height: 58px; background:var(--main); color:var(--white);}
.magazine_top_in .txt_area .download_btn:hover{background:none; color:var(--main);}

.magazine_banner{padding: 75px 100px; text-align:left; box-sizing:border-box; background:url('/assets/images/newInvestment/magazine_banner.jpg') no-repeat center/cover;}
.magazine_banner .fs17{font-weight: 600; color:var(--white); padding: 0 0 5px;}
.magazine_banner .fs36{color:var(--white); }

.magazine_list{margin: 20px 0 0; display: flex; flex-wrap:wrap; gap:30px;}
.magazine_list .list{display: flex; width: calc((100% - 30px)/2); border:1px solid var(--border); box-sizing:border-box;}
.magazine_list .list .thumb{width: 230px; aspect-ratio:1/1.41; overflow: hidden;}
.magazine_list .list .thumb img{display: block; width: 100%; height: 100%; object-fit:cover;}
.magazine_list .list .desc{width: calc(100% - 230px); box-sizing:border-box; padding: 35px; display: flex; flex-direction: column; justify-content: center;}
.magazine_list .list .desc .fs21{}
.magazine_list .list .desc .dot_list2{margin: 8px 0 0;}
.magazine_list .list .desc .dot_list2 > li:before{background:var(--black);}
.magazine_list .list .desc .download_btn{margin: 20px 0 0;}
/**** E:: 원매거진 ****/


/**** S:: 책소개 ****/
.book_banner{text-align:center; background:url('/assets/images/newInvestment/book_banner.jpg') no-repeat center/cover; padding: 165px 0;}
.book_banner .fs15{color:var(--white); letter-spacing: 7.5px; font-family:var(--eng); padding:0 0 10px;}
.book_banner .fs36{color:var(--white); font-weight: 100;}

.book_info{display: flex;}
.book_info .img_area{width: 474px;}
.book_info .img_area img{width: 100% !important; height: auto !important; box-shadow: 0px 20px 30px 0px rgba(138, 149, 158, 0.20);}
.book_info .txt_area{width: calc(100% - 474px); padding:0 0 0 80px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center;}
.book_info .txt_area .tit{position: relative; box-sizing:border-box; padding: 0 70px 0 0;}
.book_info .txt_area .tit .shareBox{position: absolute; right: 0; top:0; margin: 0;}
.book_info .txt_area .tit .shareBox .shareBtn{border:0; box-shadow: 0px 10px 20px 0px rgba(138, 149, 158, 0.20);}
.book_info .txt_area .tit .writer{padding: 0 0 10px; display: flex; align-items:center;}
.book_info .txt_area .tit .writer dt{font-size:0.765rem; padding: 0 10px; border-radius:5px; background:rgba(124, 94, 66, .1); text-align:center; font-weight: 600; color:var(--main); }
.book_info .txt_area .tit .writer dd{padding: 0 10px; font-size:0.882rem; font-weight: 600; letter-spacing: -0.45px; color:var(--main);}
.book_info .txt_area .tit .fs29{}
.book_info .txt_area .tit .fs17{font-weight: 700; color:var(--main); padding:5px 0 0;}
.book_info .txt_area .cont{padding: 30px 0 0; margin: 30px 0 0; border-top: 1px solid var(--border);}
.book_info .txt_area .cont .fs17{padding: 0 0 25px;}
.book_info .txt_area .cont .fs17:last-of-type{padding: 0;}
.book_info .txt_area .cont .purchase_link{padding: 60px 0 0; display: flex; flex-wrap:wrap; gap:6px;}
.book_info .txt_area .cont .purchase_link li{width: calc((100% - 12px)/3);}
.book_info .txt_area .cont .purchase_link li a{display: block; width: 100%; height: 60px; line-height: 58px; box-sizing:border-box; border:1px solid var(--border); background:var(--white); border-radius:6px; text-align:center; transition:all .3s linear;}
.book_info .txt_area .cont .purchase_link li a:hover{border-color:var(--main);}
.book_info .txt_area .cont .purchase_link li a img{max-width: 90px; height: auto;}
.book_info .txt_area .cont .download_btn{margin: 60px 0 0; height: 60px; line-height: 58px; background:var(--main); color:var(--white);}
.book_info .txt_area .cont .download_btn:hover{background:none; color:var(--main);}
/**** E:: 책소개 ****/




/**** S:: 임대정보 ****/
.rental_list{display: flex; flex-wrap:wrap; gap:30px;}
.rental_list .list{width: calc((100% - 60px)/3); box-sizing:border-box; border:1px solid var(--border);}
.rental_list .list a{display: block;}
.rental_list .list .thumb{aspect-ratio:3/2; overflow: hidden;}
.rental_list .list .thumb img{display: block; width: 100%; height: 100%; object-fit:cover; transition:all .4s linear;}
.rental_list .list:hover .thumb img{transform:scale(1.1);}
.rental_list .list .desc{box-sizing:border-box; padding:30px; text-align:left;}
.rental_list .list .desc .fs21{}
.rental_list .list .desc .fs15{padding: 3px 0 0;}
.rental_list .list .desc ul{margin: 17px 0 0;}
.rental_list .list .desc ul li{padding:0 0 6px 70px; font-size:0.882rem; line-height: 150%; letter-spacing: -0.45px; box-sizing:border-box; position: relative;}
.rental_list .list .desc ul li:last-child{padding-bottom: 0;}
.rental_list .list .desc ul li b{color:var(--black); font-weight: 600; position: absolute; left:0; top:0;}

.rental_img{max-width:800px; margin: 0 auto;}
.rental_img .roll{}
.rental_img .roll .img{aspect-ratio:3/2; overflow: hidden;}
.rental_img .roll img{display: block; width: 100%; height: 100%; object-fit:cover;}
.rental_img .slick-dots{margin: 25px auto 0; font-size:0; text-align:center;}
.rental_img .slick-dots li{display: inline-block; vertical-align: top; width: 10px; height: 10px; border-radius:50%; margin: 0 20px 0 0; background:var(--main); opacity: 0.2; transition:all .3s linear; cursor:pointer;}
.rental_img .slick-dots li.slick-active{opacity: 1;}
.rental_img .slick-dots li:hover{opacity: 1;}
.rental_img .slick-dots li:last-child{margin: 0;}
.rental_img .slick-dots li button{padding:0; border:0; background:none; font-size:0;}

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

.rental_map{margin: 0 0 20px; border-radius:10px; overflow: hidden; position: relative;}
.rental_map .pin{display: block; width: 40px; height: 40px; position: absolute; left:50%; top:50%; margin-left: -20px; margin-top: -20px; background:url('/img/pin.png') no-repeat center/contain;}
.rental_map img{width: 100% !important; height: auto !important;}



.vacancy_tit{padding:22px 25px; box-sizing:border-box; border-radius:5px; background:var(--main); margin: 0 0 25px; font-size:1.471rem; font-weight:600; color:var(--white); letter-spacing: -1.25px;}
.vacancy_tit span{display:inline-block; vertical-align: middle; width: 64px; height: 26px; line-height: 26px; text-align:center; background:rgba(255,255,255,.2); border-radius:5px; margin:-2px 10px 0 0; font-size: 0.765rem; font-weight: 600; color:var(--white);}

.vacancy_img{box-sizing:border-box; padding: 50px; border:1px solid var(--border); border-radius:10px; text-align:center;}
.vacancy_img .roll{}
.vacancy_img .roll img{max-width:100% !important; height: auto !important;}


.vacancy_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;}
.vacancy_img .slick-arrow:hover{opacity: 0.5;}
.vacancy_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;}
.vacancy_img .slick-arrow.slick-prev{margin-right: 65px;}
.vacancy_img .slick-arrow.slick-next{margin-right: 8px;}
.vacancy_img .slick-arrow.slick-next:after{transform:rotate(180deg);}

.vacancy_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);}
.vacancy_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;}
.vacancy_img .slider-paging-number li.slick-active{display:block;}
.vacancy_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;}
.vacancy_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;}


.rental_view .info_txt{font-size:1rem; margin: 25px 0;}
.rental_view .info_txt:before{top:3px;}
.rental_view .btn_area{padding: 40px 0 0; text-align:center;}
.rental_view .btn_area{padding: 40px 0 0;}


#vacancy_input .popup_in{height: 80vh; overflow: hidden;}
#vacancy_input .popup_con{height: calc(100% - 82px); padding: 30px 10px 30px 30px;}
.vacancy_input{height: 100%; padding: 0 20px 0 0; box-sizing:border-box; overflow-x: hidden; overflow-y: auto;}
.vacancy_input table{width:100%; text-align:left; border-top:2px solid var(--main);}
.vacancy_input table th{font-size:0.882rem; font-weight: 600; color:var(--black); line-height:150%; letter-spacing: -0.45px; padding:20px 15px; box-sizing:border-box; background:var(--grayBg2); border-bottom: 1px solid var(--border);}
.vacancy_input table th span{display:inline-block; font-weight:600; color:var(--main);}
.vacancy_input table td{padding:10px; box-sizing:border-box; font-size:0.882rem; letter-spacing: -0.45px; line-height:150%; border-bottom: 1px solid var(--border);}

.vacancy_input .phone_wrap{display: flex;}
.vacancy_input .phone_wrap .input{width: calc(100% - 95px);}
.vacancy_input .phone_wrap .certi_btn{width: 90px; height: 45px; line-height: 43px; text-align:center; border-radius:5px; background:var(--black); font-size:0.882rem; font-weight: 600; color:var(--white); margin-left: 5px; cursor:pointer; border:0; transition:all .3s;}
.vacancy_input .phone_wrap .certi_btn:hover{background:var(--main);}

.vacancy_input .input{box-sizing:border-box; width: 100%; height: 45px; line-height: 43px; border:1px solid var(--border); border-radius:5px; padding:0 12px; font-size:0.882rem; letter-spacing: -0.45px; color:var(--basic);}
.vacancy_input .input::placeholder{color:var(--light);}
.vacancy_input .textarea{box-sizing:border-box; width: 100%; height: 120px; border:1px solid var(--border); border-radius:5px; padding:15px; font-size:0.882rem; letter-spacing: -0.45px; color:var(--basic); line-height: 160%; }
.vacancy_input .textarea::placeholder{color:var(--light);}

.vacancy_input .pri_box{}
.vacancy_input .pri_box h4{text-align:left; font-size:0.882rem; font-weight: 600; color:var(--black); padding: 20px 0 6px; letter-spacing: -0.45px;}
.vacancy_input .pri_box .textarea{font-size:0.765rem;}

.vacancy_input .pri_txt{padding: 20px 0;}
.vacancy_input .pri_txt label{color:var(--black); font-size:0.882rem; letter-spacing: -0.45px; line-height: 150%; padding: 0 40px 0 0;}
.vacancy_input .pri_txt label:last-child{padding: 0;}
.vacancy_input .pri_txt label b{font-weight: 600;}
.vacancy_input .pri_txt .checkbox{width: 18px; height: 18px; display: inline-block; vertical-align: middle; border-color:var(--black); margin: -2px 5px 0 0;}

.vacancy_input .btn_m{max-width: 180px; }

/**** E:: 임대정보 ****/