.pc_only { display:inline-block; } .mobile_only { display:none; } .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .slick-prev, .slick-next { width:50px; height:50px; z-index:1; } .slick-next { right:20px !important; } .slick-prev { left:20px !important; } .slick-prev:before, .slick-next:before { width:50px; height:50px; font-family:'Font Awesome 6 Pro'; text-align:center; line-height:50px; float:left; } .slick-prev:before { content:'\2329'; font-weight:bold; } .slick-next:before { content:'\232a'; font-weight:bold; } .scrap .on i { font-weight:bold; } .label_play { display: inline-block; width:100%; height:100%; position: absolute; top: 0; left: 0; background:center center rgba(0,0,0,0) no-repeat; background-size:cover; background-image: url(/static/img/common/play2.png); z-index: 1; } .label_panorama { display: inline-block; width:100%; height:100%; position: absolute; top: 0; left: 0; background:center center rgba(0,0,0,0) no-repeat; background-size:cover; background-image:url(/static/img/common/icon_360.png); z-index: 1; } .ribbon { width:100%; height:100%; overflow:hidden; position:absolute; } .ribbon span { display:block; width:225px; padding:5px 0px; position:absolute; top:20px; left:5px; background-color:#3498db; box-shadow:0 5px 10px rgb(0 0 0 / 10%); text-shadow:0 1px 1px rgb(0 0 0 / 20%); text-transform:uppercase; text-align:center; font:500 14px/1 'NotoSansKR', sans-serif; color:#fff; z-index:2; transform:rotate(45deg); } .item_img .tag_box { display:inline-block; padding:5px; position:absolute; top:0; left:0; width:100%; } .item_img .tag_box>.tag { display:inline-block; padding:2px 5px; background:#999; border-radius:4px; font-size:13px; color:#fff; float:left; } .item_img .tag_box>.tag.recommend { background:#f00; } .item_img .scrap { display:inline-block; position:absolute; bottom:10px; left:10px; z-index:1; } .item_img .scrap i { font-size:18px; } .tag.recommend_grid { position: absolute; top: 15px; left: 15px; float:left;padding:2px 5px;background-color:#f00;color:#fff;font-size:13px;border-radius:4px; } /* 진행중 */ .item_img .tag_box { display:inline-block; padding:5px; position:absolute; top:0; left:0; width:100%; } .item_img .tag_box>.tag { display:inline-block; padding:2px 5px; background:#999; border-radius:4px; font-size:13px; color:#fff; float:left; } .item_img .tag_box>.tag.recommend { background-color:#f00; } .tag.baseTag { float:right;padding:2px 5px;background-color:#9eda1d;color:#fff;font-size:13px;border-radius:4px; } .item_img .tag_box>.tag.baseTag { float:right;background-color:#9eda1d; } .tag.compTag { float:right;padding:2px 5px;background-color:#f00;color:#fff;font-size:13px;border-radius:4px; } .item_img .tag_box>.tag.compTag { float:right;background-color:#f00; } .tag.ingTag { float:right;padding:2px 5px;background-color:#0065ff;color:#fff;font-size:13px;border-radius:4px; } .item_img .tag_box>.tag.ingTag { float:right;background-color:#0065ff; } .tag.readyTag { float:right;padding:2px 5px;background-color:#999;color:#fff;font-size:13px;border-radius:4px; } .item_img .tag_box>.tag.readyTag { float:right;background-color:#999; } #grid_list .grid_list_wrap>.grid_list_image .baseTag { position:absolute;top:15px;right:15px; } #grid_list .grid_list_wrap>.grid_list_image .compTag { position:absolute;top:15px;right:15px; } #grid_list .grid_list_wrap>.grid_list_image .ingTag { position:absolute;top:15px;right:15px; } #grid_list .grid_list_wrap>.grid_list_image .readyTag { position:absolute;top:15px;right:15px; } .py { display:inline-block; } .meter { display:none; } #msgbox { display:none; width:240px; padding:10px; text-align:center; position:fixed; top:50%; left:50%; background:rgba(0,0,0,0.7); color:#fff; border-radius:20px; transform:translateX(-50%); z-index: 99999; } .map_search_btn_wrap .map_search_btn .hasSelect .btn { background:rgba(6,65,20,.1) !important; border:2px solid #064114 !important; color:#064114 !important; } .map_search_btn .search_block button { line-height:28px; } .map_search_btn .search_block>.btn, .map_search_btn .search_block>.btn:hover, .map_search_btn .search_block.open>.btn { height:32px; padding:0 5px !important; line-height:28px; } .map_search_btn .search_block>.btn { line-height:30px; } .map_search_btn .search_block>.btn:hover { background:#fff !important; border:2px solid #064114 !important; color:#064114 !important; } .map_search_btn .search_block .hasSelect button { line-height:28px; } .map_search_btn.hasSelect .search_block>.btn, .map_search_btn.hasSelect .search_block.open>.btn { padding:5px; background:rgba(6,65,20,.1) !important; border:2px solid #064114 !important; color:#064114 !important; line-height:28px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .btn-primary{ background:#064114 !important; border:1px solid #064114 !important; position:relative; } .pagination>.active a:after { content:'_'; width:100%; position:absolute; bottom:0px; left:0; } .pagination { border-radius:0; } .pagination>li>a, .pagination>li>span { padding:5px 15px; background:transparent; border:none; font-size:16px; color:#000; line-height:24px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:transparent !important; border:none !important; color:#064114; font-size:18px; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color:#fff; border-color:#ddd; border-radius:100px; color:#888; } .price_box:not(:last-child) { margin-right:10px; } .price_box .price_name { margin-right:5px; } .build_date_select .dropdown-menu { top:inherit; bottom:100%; } .subway_select .dropdown-menu { top:inherit; bottom:100%; } .recommend_select .dropdown-menu { top:inherit; bottom:100%; } .gongsil_select .dropdown-menu { top:inherit; bottom:100%; } .building_register_select .dropdown-menu { top:inherit; bottom:100%; } /* 금액 컬러 설정 */ .price_box span { color: #000; } .price_box span.price_inst { color:#ff8400; } .price_box span.price_sell { color:#ff0000; } .price_box span.price_full_rent { color:#0065ff; } .price_box span.price_month_deposit, .price_box span.price_month_rent { color:#08541b; } .price_box span.price_premium { color:#09501b; } .price_box span.price_profit_chang { color:#d88e8e; } .price_box span.price_profit_month { color:#00ff31; } .price_box span.price_profit_suik { color:#07ff00; } .price_box span.price_real { color:#0086ff; } .price_box span.price_loan { color:#531616; } .price_box span.price_inst_premium { color:#a900ff; } .price_box span.price_year_rent, .price_box span.price_year_deposit { color:#879fbe; } .price_box span.price_short_deposit, .price_box span.price_short_rent { color:#fe70e8; } .price_box span.price_exchange { color:#00fff1; } .price_box span.price_takeover { color:#ff3535; } .price_box span.price_py { color:#98c818; } .map_price_managers { margin-top: -1px; } .map_price_managers .price_manager_box:not(:last-child):after { content: '·'; padding: 0 2px; } .map_price_managers .price_manager_box {} .map_price_managers .price_manager_box .price_manager_tt { margin-right: 2px; color: #000; font-family: inherit; font-size: 14px; font-weight: normal; } .new_mp_data_wrap .price_box { font-family: 'NotoSansKR-Bold'; color: #000; } .map_price_managers .price_manager_box .price_manager_cnt { font-family: 'NotoSansKR-Bold'; font-size: 14px; color: #000; } #map_list .map_box.map_title_box { height: 22px; text-overflow: inherit; } #map_list .map_box.map_title_box>span { float: none; display: inline; } #map_list .map_box.map_title_box>span.item_nums { width: auto; margin-right: 5px; padding: 0 5px; border: 1px solid #F00; line-height: 18px; color: #F00; font-size: 13px; text-align: center; border-radius: 2px; } .grid_box .grid_title_new_box { height: 20px; overflow: hidden; display: flex; flex-flow: wrap row; white-space: nowrap; } .grid_box .grid_title_new_box > span { padding: 0 5px; display: inline; } .grid_box .grid_title_new_box .new_item_nums { width: auto; height: 20px; padding: 0 5px; display: inline-block; background: #ffffff; border: 1px solid #F00; font-size: 12px !important; text-align: center; letter-spacing: 0.1px; margin-right: 5px; font-family: 'NotoSansKR', sans-serif; line-height: 18px; color: #F00; } @media (max-width:992px) { .pc_only { display:none; } .mobile_only { display:inline-block; } .slick-dotted.slick-slider { margin:0; } .slick-dots { bottom:10px; } .modal.in .modal-dialog { width:90%; top:50%; } header.mobile_only { width:100%; height:44px; background:#fff; position:fixed; top:0; left:0; line-height:44px; float:left; z-index:5; box-shadow:0 0 5px rgba(0,0,0,.15); } .header_wrap { display:inline-block; width:100%; padding:0 10px; float:left; } .header_wrap>* { display:inline-block; position:relative; } .header_wrap .title { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18px; font-weight:bold; } .header_wrap .title>span { display:inline-block; float:left; } .header_wrap .title>span.scrap { margin-right:5px; } .header_wrap>.left_btn { float:left; } .header_wrap>div .btn { display:inline-block; width:34px; height:34px; margin:5px 0; padding:0; background:#f2f3f4; border-radius:4px; float:left; } .header_wrap>div .btn.all_filter i { color:#064114; } .header_wrap>div .btn:not(:last-child) { margin-right:5px; } .header_wrap>div .btn i { display:inline-block; width:32px; height:32px; font-size:16px; text-align:center; line-height:32px; float:left; } .header_wrap>.right_btn { float:right; } .header_wrap .title>span.favorites.on i { color: #f7be11 !important; font-weight:bold;} /* 진행중 */ #grid_list .grid_list_wrap>.grid_list_image .tag { font-size:12px; } } /* 모달 */ .itemList .item_list_right_box #form_call input, .itemList .item_list_right_box #form_call textarea { margin-top:0; margin-bottom:5px; border-radius:0; resize:none; } /* 체크박스 css */ .modal .checks { position:relative; } .modal .checks input { background:; } .modal .checks input[type="checkbox"] { width:1px; height:1px; position:absolute; padding:0; margin:0; overflow:hidden; clip:rect(0,0,0,0); border:none; } .modal .checks input[type="checkbox"] + label { display:inline-block; width:100%; position: relative; margin:0; padding-left:30px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; cursor:pointer; } .modal .checks input[type="checkbox"] + label:before { width:21px; height:21px; position:absolute; top:0; left:0; content:""; background:center center rgba(0,0,0,0); text-align: center; line-height:21px; border:1px solid #ccc; border-radius:3px; transition:all .2s; } .modal .checks input[type="checkbox"]:checked + label:before { background:center center url('../img/add/check.png'); border-color:#0076e7; } .terms_box2 { height:auto; margin-top:5px; margin-bottom:5px; overflow:hidden; border:none; padding:0; font-size:1em; border-radius:0; } .terms_box2 .checks { display:inline-block; width:auto; padding:0; float:left; } .terms_box2 .checks input[type="checkbox"] + label { width:auto; } .terms_box2 .checks input[type="checkbox"] + label>i { display:none; position:absolute; top:4px; left:4px; font-weight:bold; color:#064114; transition:.3s; } .terms_box2 .checks input[type="checkbox"] + label:before { background-color:#fff; border-radius:4px; } .terms_box2 .checks input[type="checkbox"]:checked + label:before { background:#fff; border-color:#064114; } .terms_box2 .checks input[type="checkbox"]:checked + label>i { display:inline-block; } .terms_box2 .terms_btn { float:right; } #map_list_panel.map_right .btn.terms_btn { float:right; } .modal.in .modal-dialog { margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } #modal-call2 .modal-dialog { width:340px; margin:0; } #modal-contact2 .modal-dialog { width:340px; margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .modal-header { display:inline-block; width:100%; padding:20px; padding-bottom:0; border:none; } .modal-body { padding:20px; } .modal-title { display:inline-block; float:left; } .modal-title>* { display:inline-block; height:30px; line-height:30px; float:left; font-weight:bold; } .modal-title>span { margin-left:5px; } .modal-header .close { margin:0; } .modal .btn_box { display:inline-block; width:100%; text-align:center; } .modal .btn_box .a_wrap { display:inline-block; width:auto; } .modal .btn_box a { display:inline-block; width:auto; float:left; } .modal .btn_box a>* { display:inline-block; width:100%; text-align:center; } .modal .btn_box a>img { width:50px; height:auto; padding:5px; background:#f1f1f1; border-radius:50px; border:1px solid #f1f1f1; transition:all .2s; } .modal .btn_box a:hover img { border-color:#064114; background:#fff; } .modal .btn_box a>span { margin-top:5px; } #modal-share.modal .btn_box a { width:calc(100% / 5); } #modal-share.modal .btn_box a>img { padding:0; border:none; background:none; } #modal-share.modal .btn_box a:hover img { border:none; } #modal-contact2 .member_contact_form .btnBox>.btn { display:inline-block; width:100%; margin-top:5px; padding:0; background:#064114; color:#fff; line-height:34px; } #modal-call2 .modal-body { padding:20px; } #modal-call2 .modal-body>.btn { display:inline-block; width:100%; margin-top:15px; padding:0; background:#064114; color:#fff; line-height:34px; } #modal-call2 .avater_content h4 { margin:0; margin-bottom:15px; } #modal-call2 .modal-content { overflow:hidden; } #modal-call2 .avatar-lg { width:70px !important; height:70px !important; border:1px solid #ddd; } .mini_info_box { display:inline-block; width:100%; margin-top:10px; padding:15px; background:#f1f1f1; } .mini_info_box h5 { font-size:18px; font-weight:bold; color:#064114; } .mini_info_box h4 { font-size:14px; font-weight:normal; } #modal-contact2 .form-control { border:1px solid #ddd; box-shadow:none; resize:none; } #modal-contact2 textarea { margin-top:5px; } #modal-call2 .avatarBox>.avater_content>h4>span { display:inline-block; width:100%; margin-bottom:5px; font-size:16px; font-weight:normal; } #modal-call2 .avatarBox>.avater_content h2 { display:inline-block; width:100%; margin:0; margin-top:10px; font-size:30px; font-family:NotoSansKR-bolder; font-weight:bolder; color:#064114; } #modal-call2 .avatarBox>.avater_content h2 * { font-family:NotoSansKR-bolder; font-weight:bolder; } .avatarBox>.avater_content>h4>span:first-child { display:inline-block; width:100%; font-size:16px; } .avatarBox>.avater_content>h4 a { margin-top:5px; padding:2px 10px; background:#fff; border:1px solid #ddd; border-radius:30px; transition:all .2s; color:#000; } .avatarBox>.avater_content>h4 a:hover { border-color:#064114; } .avatarBox>.avater_content>h4 a>* { display:inline-block; height:18px; line-height:18px; float:left; } .avatarBox>.avater_content>h4 a i { color:#000; } .avatarBox>.avater_content>h4 a>span { margin-left:5px; color:#000; } #modal-contact2.modal .avatarBox { display:inline-block; width:100%; padding:0 10px; } #modal-contact2.modal .avatarBox>* { width:100px; margin-right:10px; float:left; } #modal-contact2.modal .avatarBox>.avater_content { width:calc(100% - 110px); height:88px; margin:6px 0; } #modal-contact2.modal .avatarBox>.avater_content>* { width:100%; height:15px; padding:0; text-align:left; float:left; line-height:15px; } #modal-contact2.modal .avatarBox>.m-t { width:100%; margin-top:20px; margin-right:0; } #modal-contact2.modal .avatarBox>.avater_content>h4 { font-size:16px; font-weight:bold; margin:4px 0 8px; } #modal-contact2.modal .avatarBox>.avater_content>h5 { font-size:14px; margin:4px 0; } #modal-contact2.modal .avatarBox>.avater_content>h4 * { font-size:14px; font-weight:normal; } #modal-contact2.modal .avatarBox>.avater_content>h5>* { display:inline-block; float:left; } #modal-contact2.modal .avatarBox>.avater_content>h5>i { width:14px; height:14px; margin-right:5px; font-size:14px; text-align:center; line-height:14px; } #modal-contact2.modal .avatarBox>.avater_content>.view_hp>i { font-size:18px; } #modal-contact2.modal .avatarBox>.avater_content>.view_email { width:100%; } #modal-contact2.modal .avatarBox>p { width:100%; margin-top:10px; } #modal-contact2.modal .itemList .panel-body>.snsBox { border:1px solid #ccc; border-radius:0; -webkit-box-shadow: none; box-shadow:none; } #modal-contact2.modal .snsBox { width:100%; margin:0; margin-top:20px; } #modal-contact2.modal .snsBox>.panel-body { padding:0; } #modal-contact2.modal .snsBox>.panel-body>div { width:calc(100% / 2); margin:0; border:1px solid #ddd; float:left; } /* #modal-contact.modal .snsBox>.panel-body>div { width:calc(100% / 3); margin:0; float:left; } */ #modal-contact2.modal .snsBox>.panel-body>div>a { margin:0; border-radius:0; background:#fff !important; color:#000 !important; transition:background .2s, color .2s; } #modal-contact2.modal .snsBox>.panel-body>div.facebook_box>a { border-color:rgba(0,0,0,0) !important; } #modal-contact2.modal .snsBox>.panel-body>div:hover>a { color:#fff !important; } #modal-contact2.modal .snsBox>.panel-body>div.kakao_plus_box:hover>a { background:#fedf2a !important; color:#000 !important; } #modal-contact2.modal .snsBox>.panel-body>div.kakao_open_box:hover>a { background:#ffb341 !important; } #modal-contact2.modal .snsBox>.panel-body>div.naver_talk_box:hover>a { background:#00c73c !important; } #modal-contact2.modal .snsBox>.panel-body>div.facebook_box:hover>a { background:#335397 !important; color:#fff !important; } #modal-contact2.modal #form_call_mobile input, #modal-contact.modal #form_call_mobile textarea { margin-top:0; margin-bottom:5px; border-radius:0; resize:none; } #modal-contact2.modal #form_call_mobile button { border-radius:2px; } .deal_status_s .deal_status { display:inline-block; height:20px; margin-top:5px; padding:0 5px; background:#fff; border:1px solid #ddd; border-radius:4px; line-height:18px; font-size:12px; color:#000; cursor:pointer; } .deal_status_s .deal_status:hover { border-color:#2790e1; color:#2790e1; transition:all .2s; } .modal_line_wrap { display:inline-block; width:100%; float:left; } .modal_line_wrap:not(:last-child) { margin-bottom:10px; } .modal_box { display:inline-block; width:100%; float:left; } .modal_box>* { display:inline-block; width:100%; float:left; } .modal_box>.modal_title { margin-bottom:5px; font-size:14px; font-weight:bold; } .modal select, .modal input { height:34px; padding:0 10px; border:1px solid #ddd; border-radius:4px; line-height:32px; font-size:14px; } .modal select { cursor:pointer; } #modal-deal_status .modal_box>* { padding:0; border:none; } #modal-deal_status .modal_footer { display:inline-block; width:100%; text-align:center; position:relative; } #modal-deal_status .modal_footer .btn_box { display:inline-block; width:auto; margin-bottom:-5px; } #modal-deal_status .modal_footer .btn_box>.btn { display:inline-block; height:34px; margin-top:10px; padding:0 10px; background:#2790e1; color:#fff; border:1px solid #2790e1; border-radius:4px; font-size:14px; line-height:32px; float:left; cursor:pointer; } #modal-deal_status .modal_footer .btn_box>.btn:hover { background:#fff; color:#2790e1; transition:all .2s; } #modal-deal_status .modal_wrap { width:600px; } #modal-deal_status .status_select { width:auto; float:left; } #modal-deal_status .status_select select { width:100%; }