* { margin:0; padding:0; list-style:none; color:#000; box-sizing:border-box; } a { color:#000; text-decoration:none; } a:hover { text-decoration:none; } .meter { display:inline-block; } .py { display:none; } .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } img { max-width:100%; } .slick-dots { bottom:15px; } .slick-dots li { display:none !important; width:auto; height:auto; padding:2px 15px; background:rgba(255,255,255,.8); border-radius:100px; font-size:12px; } .slick-dots li.slick-active { display:inline-block !important; } .slick-dotted.slick-slider { margin:0; } .slick-prev, .slick-next { display:inline-block; width:34px; height:34px; line-height:34px; text-align:center; float:left; z-index:1; } .slick-prev { bottom:50%; left:-20px !important; transform:translateY(-50%); } .slick-next { bottom:50%; right:-20px !important; transform:translateY(-50%); } .slick-prev:before, .slick-next:before { font-family:'Font Awesome 6 Pro'; width:34px; height:34px; line-height:34px; text-align:center; font-size:34px !important; font-weight:bold; float:left; color:#666 !important; text-shadow:0 0 5px rgba(255,255,255,.8); opacity:0.6 !important; } .slick-prev:hover:before, .slick-next:hover:before { opacity:1 !important; transition:all .2s; } .slick-prev:before { content:'\f053'; } .slick-next:before { content:'\f054'; } header { width:100%; text-align:center; box-shadow:0 0 5px rgba(0,0,0,.15); float:left; } .header_top { display:inline-block; width:100%; background:#0062cf; float:left; } .header_top>.header_wrap {} .header_top>.header_wrap>* { display:inline-block; color:#fff; float:left; } .header_top>.header_wrap>.company_info { cursor:pointer; } .header_top>.header_wrap>.sub_nav { float:right; } .sub_nav li { display:inline-block; float:left; } .sub_nav li.dropdown>a { color:#fff; } .header_wrap { display:inline-block; width:1200px; margin-bottom:-4px; padding:10px 15px; } .header_wrap>* { display:inline-block; float:left; } .logo { cursor:pointer; } .logo img { width:auto; height:50px; } .header_wrap .nav_bar { float:right; } .nav_bar ul { display:inline-block; margin:0; float:left; } .nav_bar ul li { display:inline-block; height:50px; line-height:50px; font-size:16px; float:left; cursor:pointer; } .nav_bar ul li:hover, .nav_bar ul li.on { font-weight:bold; color:#0062cf; transition:all .2s; } .nav_bar ul li:not(:last-child) { margin-right:15px; } .sub_nav { float:right; position:relative; } .sub_nav>* { display:inline-block; float:left; } .sub_nav>span { font-size:15px; color:#fff; cursor:pointer; } .sub_nav>span:hover { color:#fff; } .sub_nav>span:not(:last-child):after { content:'｜'; padding:0 5px; color:#fafafa; } .sub_nav .user_box { margin-right:10px; } .sub_nav .user_box>* { display:inline-block; float:left; } .user_box .img_box img { width:50px; height:50px; border-radius:50px; border:1px solid #ddd; } .user_box .con_box { margin:0 10px; padding:4px 0; } .user_box .con_box>* { margin:0; font-size:16px; text-align:left; } .user_box .con_box>h2 { margin-top:5px; font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:18px; } .sub_nav ul { margin:0; } .sub_nav ul li.dropdown { display:inline-block; float:left; } .sub_nav ul li.dropdown>a { display:inline-block; font-size:14px; float:left; } .sub_nav ul li.dropdown .caret { transform:rotate(0deg); transition:all .2s; } .sub_nav ul li.dropdown.open .caret { transform:rotate(180deg); } .sub_nav ul li .dropdown-menu { padding:0; left:inherit; right:0; } .sub_nav .dropdown-menu { overflow:hidden; } .sub_nav .dropdown-menu>li { display:inline-block; width:100%; float:left; } .sub_nav .dropdown-menu>li>a { display:inline-block; width:100%; height:30px; padding:0 10px; line-height:25px; float:left; } .sub_nav .dropdown-menu>li.logout { background:#0062cf; } .sub_nav .dropdown-menu>li.logout a { color:#fff; transition:all .2s; } .sub_nav .dropdown-menu>li.logout a:hover { background:#f00; } #menu_drop { display:none; width:120px; padding:15px; background:#fff; border:2px solid #0062cf; border-radius:6px; position:absolute; top:65px; right:0; z-index:2; float:left; } #menu_drop.on { display:inline-block; } #menu_drop>div { display:inline-block; width:100%; line-height:28px; font-size:15px; color:#0062cf; float:left; cursor:pointer; } #menu_drop>div:last-child { color:#ef4955; } #menu_drop>div:hover { font-weight:bold; transition:all .2s; } #msgbox { display:none; padding:10px 20px; background:rgba(30,30,30,.9); border:1px solid #333; border-radius:40px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); line-height:1.2; font-size:14px; color:#fff; z-index:99; } @media (max-width: 410px) { #msgbox { min-width: 210px; padding: 10px; font-size: 13px; text-align: center; } } /* 사진 크게보기 */ .body_hidden { width:100%; height:100%; overflow:hidden; } .fullWrap { display:inline-block; width:100%; height:100%; background:rgba(0,0,0,.9); position:fixed; top:0; left:0; z-index:1051; } .fullWrap>.closeBtn { display:inline-block; width:auto; height:40px; padding:0 15px; background:rgba(255,255,255,.9); border-radius:40px; position:absolute; top:10px; right:10px; text-align:center; line-height:40px; font-size:16px; z-index:6; cursor:pointer; } .imgSlideWrap { width:100%; height:100%; padding:60px; } .imgSlideWrap>div { display:inline-block; width:100%; height:100%; text-align:center; } .imgSlideWrap img { display:inline-block; width:100%; height:auto; } .imgWrap { width:calc(100vw - 120px); height:calc(100vh - 120px); position:relative; } .imgWrap img { display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .magnifier { width: 400px; height: 400px; position: absolute; border-radius: 100%; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25); display: none; z-index:99; cursor:none; } .imgSlideWrap .ratioBasic img { width:auto; height:100%; } .imgSlideWrap .ratioOver img { width:100%; height:auto; } .fullWrap .slick-dots { height:28px; left:0; bottom:inherit !important; top:15px; } .imgSlideWrap .slick-dots li { display:none !important; width:auto; height:28px; padding:0 10px; background:rgba(255,255,255,.8); border-radius:2px; font-size:14px; line-height:26px; } .imgSlideWrap .slick-dots li.slick-active { display:inline-block !important; } .imgSlideWrap .slick-prev:before, .imgSlideWrap .slick-next:before { font-size:44px !important; color:#fff !important; } .imgSlideWrap .slick-prev { left:20px !important; } .imgSlideWrap .slick-next { right:20px !important; } .addBtn_box { display:inline-block; position:absolute; top:10px; right:80px; z-index:1; } .addBtn_box>* { display:inline-block; width:auto; height:40px; padding:0 10px; background:transparent; border-radius:38px; text-align:center; line-height:40px; font-size:16px; z-index:6; cursor:pointer; float:left; } .addBtn_box .zoomin_btn span:after { content:' 켜기'; } .addBtn_box .zoomin_btn.on span:after { content:' 끄기'; } .addBtn_box .zoomin_btn.on i { color:#0062cf !important; } .addBtn_box .btn span { display:inline-block; height:38px; line-height:38px; float:left; } .addBtn_box .btn span, .addBtn_box .btn i { font-size:16px; color:#fff !important; } .addBtn_box .scrap.on i { color:#ff4f4f !important; } .addBtn_box>* i { width:28px; height:38px; margin-right:5px; text-align:center; line-height:38px; float:left; } .addBtn_box>*:not(:last-child) { margin-right:10px; } .fullWrap>.closeBtn { display:inline-block; width:40px; height:40px; padding:0; background:transparent; right:20px; } .closeBtn i { display:inline-block; width:40px; height:40px; font-size:34px; color:#fff; line-height:40px; text-align:center; color:#fff; float:left; } /* 햄버거 */ #hamburger { width:40px; height:40px; margin:5px 0; position:relative; } .menu-trigger, .menu-trigger span { display:inline-block; transition:all .4s; box-sizing:border-box; } .menu-trigger { width:30px; height:24px; position:absolute; top:8px; left:5px; } .menu-trigger span { width:100%; height:4px; background-color:#026; border-radius:4px; position:absolute; left:0; box-shadow:0 0 5px rgba(0,0,0,.15); } .menu-trigger span:nth-of-type(1) { top:0; } .menu-trigger span:nth-of-type(2) { top:10px; } .menu-trigger span:nth-of-type(3) { bottom:0; } .menu-trigger.active span:nth-of-type(1) { -webkit-transform:translateY(10px) rotate(-45deg); transform:translateY(10px) rotate(-45deg); } .menu-trigger.active span:nth-of-type(2) { left:50%; opacity:0; -webkit-animation:active-menu-bar05 .8s forwards; animation:active-menu-bar05 .8s forwards; } .menu-trigger.active span:nth-of-type(3) { -webkit-transform : translateY(-10px) rotate(45deg); transform : translateY(-10px) rotate(45deg); } @-webkit-keyframes active-menu-bar05 { 100% { height: 0; } } @keyframes active-menu-bar05 { 100% { height: 0; } } #map_wrap { display:inline-block; width:100%; height:calc(100% - 80px); float:left; } #map_wrap>* { display:inline-block; float:left; position:relative; overflow:hidden; } #map_layout { width:calc(100% - 450px); } #map_list_panel { width:450px; } /* 상세 페이지 */ .item_wrap { display:inline-block; width:100%; height:100%; padding:15px 0; background:#f3f3f3; text-align:center; } .item_wrap_1200 { display:inline-block; width:1200px; height:100%; text-align:left; } .item_wrap_1200>* { height:calc(100% - 78px); -webkit-height:calc(100% - 78px); background:#f3f3f3; overflow:hidden; overflow-y:auto; float:left; } .item_wrap_1200>.item_left_wrap { width:calc(100% - 415px); } .item_wrap_1200>.item_right_wrap { width:400px; margin-left:15px; } .item_wrap_1200>*>* { display:inline-block; width:100%; padding:15px; background:#fff; float:left; position:relative; } .item_wrap_1200>*>*:not(:last-child) { margin-bottom:10px; } .new_title { display:inline-block; width:100%; margin-bottom:0 !important; padding:5px 15px; background:#0062cf; border:1px solid #0062cf; float:left; } .new_title>* { display:inline-block; margin:0; line-height:30px; float:left; } .new_title .title_id { height:24px; margin:3px 0; padding:0 10px; border:1px solid #ddd; background:#fff; line-height:22px; } .new_title h3 { margin-left:10px; font-size:16px; color:#fff; font-weight:bold; } .new_title .title_cnt { color:#fff; float:right; } .item_con_title .btn_box { display:inline-block; width:auto; position:absolute; top:2px; right:0; float:right; } .item_con_title .scrap { font-size:14px !important; font-weight:normal !important; float:none; } .item_con_title .btn_box .btn { width:34px; height:34px; padding:0; border:1px solid #ddd; border-radius:34px; text-align:center; line-height:34px; transition:all .2s; float:left; } .item_con_title .btn_box .btn:not(:last-child) { margin-right:5px; } .item_con_title .btn_box .btn:hover { border-color:#0062cf; } .item_con_title .btn_box .btn i { display:inline-block; width:32px; height:32px; line-height:32px; font-size:16px !important; float:left; } .item_con_title .btn_box .btn.scrap i { color:#000; } .item_con_title .btn_box .btn.scrap.on i { color:#f00; } .item_con_title .btn_box .btn .off i { color:#000; } .item_con_title .btn_box .btn img { width:20px; height:auto; } .item_con_title .btn_box .btn a { font-size:14px !important; font-weight:normal !important; } .item_con_title .btn_box .btn a>img { width:20px; height:auto; } .item_wrap_1200 .media_wrap { margin-bottom:10px !important; } .item_wrap_1200 .title_wrap { display:inline-block; width:100%; float:left; } .item_wrap_1200 .title_wrap>*:last-child { border-bottom:none; } .item_wrap_1200 .title_wrap>.title_area_box { padding:10px 0 0; } .item_wrap_1200 .item_content_wrap { border:1px solid #ddd; } .item_content_wrap.item_content_memo { background:#f1f8ea; border:1px solid #3c763d; } .item_content_wrap.item_content_memo .item_con_title { border-color:#3c763d; } .item_content_wrap.item_content_memo .item_con_title>* { color:#3c763d; } .itemZ_body .item_content_wrap.item_content_memo { border:none; } .item_left_wrap .item_con_title .py_ch { right:40px; } .item_left_wrap .lease_select { right:40px; } .item_con_title .item_arrow { display:inline-block; width:30px; height:30px; font-size:30px; position:absolute; top:4px; right:0; cursor:pointer; } .item_con_title .item_arrow i { display:inline-block; width:20px; height:20px; margin:5px; font-size:20px; text-align:center; line-height:20px; float:left; color:#000; } .item_con_title .item_arrow:hover { border-color:#0062cf; transition:all .2s; } .item_con_title .item_arrow.on i { color:#0062cf; } .item_content_wrap .item_arrow { transform:rotate(0deg); } .item_content_wrap.on .item_arrow { transform:rotate(180deg); } .item_content_wrap.on .item_con_title { margin-bottom:0; padding-bottom:0; border-bottom:none; } .item_content_wrap.on .item_con_content { display:none; } .photo_etc_con_wrap>* { display:inline-block; width:100%; float:left; } .photo_etc_con_wrap>*:not(:last-child) { margin-bottom:10px !important; } .photo_etc_con_wrap .exBox_img { text-align:center; } .exBox_img img { display:inline-block; width:auto; max-width:100%; } .photo_etc_con_wrap .no_print { display:inline-block; width:100%; height:auto; padding-top:calc((100% / 16) * 9); position:relative; float:left; } .photo_etc_con_wrap .no_print>iframe { height:100%; position:absolute; top:0; left:0; } @media (max-width:992px) { .photo_etc_con_wrap img { max-width:100%; height:auto !important; } } /* 토지 */ .item_con_title>.field_btn { display:inline-block; width:auto; min-width:100px; max-width:180px; padding:0 15px; border:2px solid #0062cf; border-radius:40px; position:absolute; top:2px; left:120px; float:left; cursor:pointer; } .item_wrap .item_con_title>.field_btn { max-width:300px; } .item_con_title>.field_btn>span { display:inline-block; height:30px; color:#0062cf; line-height:30px; float:left; } .item_con_title>.field_btn>span#field_title { width:calc(100% - 13px); min-width:105px; text-align:center; } .item_con_title>.field_btn>span:nth-child(2) { margin-left:5px; } .item_con_title>.field_btn:hover, .item_con_title>.field_btn.on { background:#0062cf; transition:all .2s; } .item_con_title>.field_btn i {transition:all .15s; } .item_con_title>.field_btn:hover>span, .item_con_title>.field_btn.on>span { color:#fff; transition:all .2s; } .item_con_title>.field_btn:hover i, .item_con_title>.field_btn.on i { transform:rotate(180deg); color:#fff; } .field_btn .drop_field { display:none; width:100%; margin:0; background:#fff; border:1px solid #ddd; border-radius:4px; position:absolute; top:100%; left:50%; transform:translateX(-50%); float:left; } .field_btn.on .drop_field { display:inline-block; } .field_btn .drop_field li { display:inline-block; width:100%; padding:0 5px; height:28px; line-height:28px; text-align:center; color:#000; float:left; } .field_btn .drop_field li:not(:last-child) { border-bottom:1px solid #ddd; } .field_btn .drop_field li:hover { background:rgba(0,98,207,0.15); } .table_div { display:inline-block; width:100%; margin-top:10px; padding:10px 0; border-top:1px solid #ddd; float:left; } .table_div>* { display:inline-block; width:100%; float:left; } .table_div>.table_title { margin-bottom:5px; font-size:15px; font-weight:bold; } .table_div table { width:100%; } .table_div table td, .table_div table th { padding:4px 0; border:1px solid #ddd; border-left:none; border-right:none; } .table_div table td { width:80px; background:#f5f5f5; text-align:center; } .table_div table th { width:calc(100% - 80px); padding:5px 10px;} .toji_table2 td, .table_div.toji_table2 td { padding:2px 0; } .toji_table2 tr>*:first-child { width:150px; text-align:center; } .toji_table2 tr>*:last-child { width:calc(100% - 150px); } .table_graph { display:inline-block; width:100%; float:left; } .table_content>.toji_table2 { display:inline-block; width:100%; padding:10px; float:left; } .table_content>.toji_table2 th, .table_content>.toji_table2 td { padding:2px 0; } .table_content>.toji_table2 th { text-align:left; } .table_content>.toji_table3 { display:inline-block; width:100%; padding:10px; float:left; } .table_content>.toji_table3 th, .table_content>.toji_table2 td { padding:2px 0; } .table_content>.toji_table3 th { text-align:center; } .itemZ_body .table_graph { width:100%; } .itemZ_body .table_content>.toji_table2 { width:100%; padding-bottom:0; } /* 토지 */ .item_content_wrap #map_layout { width:100%; } #map_view+.select_place_box { width:100%; margin-top:5px; } #map_view+.select_place_box>.select_box { display:inline-block; width:100%; border-bottom:1px solid #ccc; } #map_view+.select_place_box>.select_box>div { width:calc(100% / 3 - 1px); padding:10px; font-size:18px; text-align:center; float:left; cursor:pointer; color:#ccc; } #map_view+.select_place_box>.select_box>div.on { border-bottom:2px solid #000; font-weight:bold; color:#000; } #map_view+.select_place_box>.select_box>div:hover { } .map_locTitle { display:none; width:fit-content; padding:4px 10px; position:absolute; bottom:-22px; left:50%; background:rgba(0,0,0,1); transform:translateX(-50%); } .markersItemView:hover .map_locTitle { display:inline-block; color:#fff; z-index:9; } /*.hash { width:100%; margin-top:20px; text-align:center; } .hash>.tag_box { display:inline-block; } .hash .btn { margin:5px 10px; padding:0; background:transparent; border-radius:100px; border:none; cursor:pointer; } .hash .btn:hover, .hash .btn.active, .hash .btn:focus { background:transparent; border:none; box-shadow:none; } .hash .btn img { width:40px; height:auto; } .tag_box .tag_img { padding:10px; background:#fff; border:1px solid #ddd; border-radius:100px; } .hash .btn-default.active, .item_wrap .hash .btn-default:active { box-shadow:none; } .hash .btn-default .tag_img.active { background:#0062cf; } .hash .btn_search_place .tag_img { background:#fff; line-height:1; } .hash .btn_search_place.active .tag_img.subway { background:#4386d8; } .hash .btn_search_place.active .tag_img.bus { background:#d84382; } .hash .btn_search_place.active .tag_img.mart { background:#feca38; } .hash .btn_search_place.active .tag_img.cafe { background:#ff9d49; } .hash .btn_search_place.active .tag_img.bank { background:#daaf3a; } .hash .btn_search_place.active .tag_img.public { background:#a78e62; } .hash .btn_search_place.active .tag_img.hospital { background:#f16262; } .hash .btn_search_place.active .tag_img.pharmacy { background:#91e178; } .hash .btn_search_place.active .tag_img.movie { background:#7f7f7f; } .hash .btn_search_place.active .tag_img.school { background:#766fe0; } .hash .btn_search_place.active .tag_img.academy { background:#e65135; } .hash .btn_search_place.active .tag_img.safety { background:#5d6ed4; } .hash .btn_search_place.active .tag_img.kindergarden { background:#ffc000; } .hash .btn_search_place.active .tag_img.daycare { background:#ff7f38; } .hash .btn_search_place.active .tag_img.school_s { background:#558dbe; } .hash .btn_search_place.active .tag_img.school_m { background:#145ea5; } .hash .btn_search_place.active .tag_img.school_h { background:#114ea2; } .hash .btn_search_place.active .tag_img.university { background:#0c508b; } .hash .btn_search_place.active .tag_img.cctv { background:#3ea2e5; } #map_view .subway { background:#4386d8 !important; border:#4386d8 !important; } #map_view .bus { background:#d84382 !important; border:#d84382 !important; } #map_view .mart { background:#feca38 !important; border:#feca38 !important; } #map_view .cafe { background:#ff9d49 !important; border:#ff9d49 !important; } #map_view .bank { background:#daaf3a !important; border:#daaf3a !important; } #map_view .public { background:#a78e62 !important; border:#a78e62 !important; } #map_view .hospital { background:#f16262 !important; border:#f16262 !important; } #map_view .pharmacy { background:#91e178 !important; border:#91e178 !important; } #map_view .movie { background:#7f7f7f !important; border:#7f7f7f !important; } #map_view .school { background:#766fe0 !important; border:#766fe0 !important; } #map_view .academy { background:#e65135 !important; border:#e65135 !important; } #map_view .safety { background:#5d6ed4 !important; border:#5d6ed4 !important; } #map_view .kindergarden { background:#ffc000 !important; border:#ffc000 !important; } #map_view .daycare { background:#ff7f38 !important; border:#ff7f38 !important; } #map_view .school_s { background:#558dbe !important; border:#558dbe !important; } #map_view .school_m { background:#145ea5 !important; border:#145ea5 !important; } #map_view .school_h { background:#114ea2 !important; border:#114ea2 !important; } #map_view .university { background:#0c508b !important; border:#0c508b !important; } #map_view .cctv { background:#3ea2e5 !important; border:#3ea2e5 !important; } */ .item_wrap .hash, .itemZ_wrap .hash { width:100%; margin-top:10px; text-align:center; } .item_wrap .hash>.tag_box, .itemZ_wrap .hash>.tag_box { display:inline-block; } .item_wrap .hash .btn, .itemZ_wrap .hash .btn { display:inline-block; width:60px; margin:5px 10px; padding:0; border-radius:100px; border:none; } .btn.active, .btn:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline:none; box-shadow:none; } .item_wrap .tag_box .hash .btn img { width:40px; height:auto; } .item_wrap .tag_box .hash .btn>*, .itemZ_wrap .tag_box .hash .btn>* { display:inline-block; float:left; } .tag_box .tag_img>* { display:inline-block; width:100%; float:left; } .tag_box .tag_img i { width:100%; height:60px; background:#fff; border:1px solid #ddd; border-radius:100px; text-align:center; line-height:58px; font-size:28px; float:left; color:#999; } .tag_box .tag_img img { width:50px; height:auto; } .item_wrap .hash .btn-default.active, .item_wrap .hash .btn-default:active, .itemZ_wrap .hash .btn-default.active, .itemZ_wrap .hash .btn-default:active { box-shadow:none; } .item_wrap .hash .btn-default .tag_img.active, .itemZ_wrap .hash .btn-default .tag_img.active { background:#0062cf; } .item_wrap .hash .btn_search_place .tag_img, .itemZ_wrap .hash .btn_search_place .tag_img { width:100%; background:#fff; } .item_wrap .hash .btn_search_place.active .tag_img i, .itemZ_wrap .hash .btn_search_place.active .tag_img i { color:#fff; } .item_wrap .hash .btn_search_place.active .tag_img.subway i, .itemZ_wrap .hash .btn_search_place.active .tag_img.subway i { background:#4386d8; border-color:#4386d8; } .item_wrap .hash .btn_search_place.active .tag_img.bus i, .itemZ_wrap .hash .btn_search_place.active .tag_img.bus i { background:#d84382; border-color:#d84382; } .item_wrap .hash .btn_search_place.active .tag_img.mart i, .itemZ_wrap .hash .btn_search_place.active .tag_img.mart i { background:#feca38; border-color:#feca38; } .item_wrap .hash .btn_search_place.active .tag_img.cafe i, .itemZ_wrap .hash .btn_search_place.active .tag_img.cafe i { background:#ff9d49; border-color:#ff9d49; } .item_wrap .hash .btn_search_place.active .tag_img.bank i, .itemZ_wrap .hash .btn_search_place.active .tag_img.bank i { background:#daaf3a; border-color:#daaf3a; } .item_wrap .hash .btn_search_place.active .tag_img.public i, .itemZ_wrap .hash .btn_search_place.active .tag_img.public i { background:#a78e62; border-color:#a78e62; } .item_wrap .hash .btn_search_place.active .tag_img.hospital i, .itemZ_wrap .hash .btn_search_place.active .tag_img.hospital i { background:#f16262; border-color:#f16262; } .item_wrap .hash .btn_search_place.active .tag_img.pharmacy i, .itemZ_wrap .hash .btn_search_place.active .tag_img.pharmacy i { background:#91e178; border-color:#91e178; } .item_wrap .hash .btn_search_place.active .tag_img.movie i, .itemZ_wrap .hash .btn_search_place.active .tag_img.movie i { background:#7f7f7f; border-color:#7f7f7f; } .item_wrap .hash .btn_search_place.active .tag_img.school i, .itemZ_wrap .hash .btn_search_place.active .tag_img.school i { background:#766fe0; border-color:#766fe0; } .item_wrap .hash .btn_search_place.active .tag_img.academy i, .itemZ_wrap .hash .btn_search_place.active .tag_img.academy i { background:#e65135; border-color:#e65135; } .item_wrap .hash .btn_search_place.active .tag_img.safety i, .itemZ_wrap .hash .btn_search_place.active .tag_img.safety i { background:#5d6ed4; border-color:#5d6ed4; } .item_wrap .hash .btn_search_place.active .tag_img.kindergarden i, .itemZ_wrap .hash .btn_search_place.active .tag_img.kindergarden i { background:#ffc000; border-color:#ffc000; } .item_wrap .hash .btn_search_place.active .tag_img.daycare i, .itemZ_wrap .hash .btn_search_place.active .tag_img.daycare i { background:#ff7f38; border-color:#ff7f38; } .item_wrap .hash .btn_search_place.active .tag_img.school_s i, .itemZ_wrap .hash .btn_search_place.active .tag_img.school_s i { background:#558dbe; border-color:#558dbe; } .item_wrap .hash .btn_search_place.active .tag_img.school_m i, .itemZ_wrap .hash .btn_search_place.active .tag_img.school_m i { background:#145ea5; border-color:#145ea5; } .item_wrap .hash .btn_search_place.active .tag_img.school_h i, .itemZ_wrap .hash .btn_search_place.active .tag_img.school_h i { background:#114ea2; border-color:#114ea2; } .item_wrap .hash .btn_search_place.active .tag_img.university i, .itemZ_wrap .hash .btn_search_place.active .tag_img.university i { background:#0c508b; border-color:#0c508b; } .item_wrap .hash .btn_search_place.active .tag_img.cctv i, .itemZ_wrap .hash .btn_search_place.active .tag_img.cctv i { background:#3ea2e5; border-color:#3ea2e5; } #map_view .subway { background:#4386d8 !important; border:#4386d8 !important; } #map_view .bus { background:#d84382 !important; border:#d84382 !important; } #map_view .mart { background:#feca38 !important; border:#feca38 !important; } #map_view .cafe { background:#ff9d49 !important; border:#ff9d49 !important; } #map_view .bank { background:#daaf3a !important; border:#daaf3a !important; } #map_view .public { background:#a78e62 !important; border:#a78e62 !important; } #map_view .hospital { background:#f16262 !important; border:#f16262 !important; } #map_view .pharmacy { background:#91e178 !important; border:#91e178 !important; } #map_view .movie { background:#7f7f7f !important; border:#7f7f7f !important; } #map_view .school { background:#766fe0 !important; border:#766fe0 !important; } #map_view .academy { background:#e65135 !important; border:#e65135 !important; } #map_view .safety { background:#5d6ed4 !important; border:#5d6ed4 !important; } #map_view .kindergarden { background:#ffc000 !important; border:#ffc000 !important; } #map_view .daycare { background:#ff7f38 !important; border:#ff7f38 !important; } #map_view .school_s { background:#558dbe !important; border:#558dbe !important; } #map_view .school_m { background:#145ea5 !important; border:#145ea5 !important; } #map_view .school_h { background:#114ea2 !important; border:#114ea2 !important; } #map_view .university { background:#0c508b !important; border:#0c508b !important; } #map_view .cctv { background:#3ea2e5 !important; border:#3ea2e5 !important; } .item_wrap .markersItemView, .itemZ_wrap .markersItemView { padding:5px; } .item_wrap .markersItemView i, .itemZ_wrap .markersItemView i { display:inline-block; width:100%; height:26px; font-size:18px; text-align:center; line-height:26px; color:#fff; float:left; } .body_wrap>.title, .notice_title h3 { border-top:1px solid #ddd; } /* 맵 리스트 */ #map_list>a { display:inline-block; width:100%; border-bottom:1px solid #ddd; float:left; } #map_list .map_block { display:inline-block; width:100%; float:left; } .map_block>.panel-body { padding:0; cursor:pointer; } .map_block>.panel-body:hover { background:#f6f6f6; transition:background .2s; } .map_list_wrap { display:inline-block; width:100%; float:left; } .map_list_wrap>* { display:inline-block; padding:0; float:left; } .map_list_left { width:calc(100% - 170px); margin-left:10px; padding:4px 0; } .map_list_left>* { display:inline-block; width:100%; float:left; } .map_list_left>*>* { display:inline-block; } .map_name_box span { display:inline-block; font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:18px; float:left; } .map_name_box>* { display:inline-block; float:left; } .map_list_left:has(.status)>* { display:flex; } .map_name_box>.name { display:inline-block; width:calc(100% - 25px); height:24px; float:left; font-size:18px; font-weight:900; line-height:24px; color: #000000;} .map_name_box:has(.status)>.name {display:flex; flex:1; margin-right:5px; width: auto; text-overflow:clip;} .map_name_box>.status {width:auto; float:right; font-size:13px;} .scrap { display:inline-block; width:20px; height:24px; margin-right:5px; line-height:24px; float:left; cursor:pointer; } .scrap i { display:inline-block; width:100%; height:24px; line-height:24px; font-size:18px; color:#ddd; text-align:center; float:left; } .scrap.on i { font-weight:bold; color:#f00; } .map_price_box span { display:inline-block; width:calc((100% - 90px) / 2); font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:16px; line-height:24px; float:left; } .map_price_box span.price_title { width:45px; font-family:'NotoSansKR-Bold'; font-size:14px; font-weight:normal; } .map_area { display:inline-block; margin:5px 0; padding:5px 0; border:1px solid #ddd; border-left:none; border-right:none; } .map_area>span { display:inline-block; width:50%; float:left; } .map_area>span>span { width:calc(100% - 55px); float:left; } .map_area>span>span:first-child { width:50px; margin-right:5px; } .map_area>span:last-child>span { width:calc(100% - 55px); } .map_area>span:last-child>span:first-child { width:50px; margin-right:5px; } .map_area>span.const_sum>span { width:calc(100% - 42px); } .map_area>span.const_sum>span:first-child { width:42px; margin-right:0px; } .map_list_right { width:160px; overflow: hidden; } .item_img .tag_box { display:inline-block; padding:5px; position:absolute; top:0; left:0; float:left; } .map_list_right .item_img { width:160px; height:130px; background:center center url('/static/img/common/no_img.gif') no-repeat; background-size:cover; position:relative; } .item_img .tag_box>.tag { display:inline-block; padding:1px 5px; background:#999; border-radius:4px; font-size:13px; color:#fff; float:left; } .item_img .tag_box>.tag.recommend { background:#f7156a;} .item_img .tag_box>.tag.exclusive { background:#ff9d04;} .item_img .tag_box>.tag.sudden { background:#77d126;} .item_img .tag_box>.tag.violate { background:#2980ec;} .item_img .tag_box>.tag.building_register { background:#b529ec;} .item_img .tag_box>.tag.naver_ad { background:#18c95f; font-family:Arial,sans-serif; font-weight:bold; letter-spacing:-0.3px; line-height:1; padding-top:4px; padding-bottom:2px; cursor:pointer; } .item_img .tag_box>.tag:not(:last-child) { margin-right:4px; margin-bottom:4px;} .item_img .item_num_box { display:inline-block; padding:5px; position:absolute; bottom:0; left:0; float:left; } .item_img .item_num_box .tag { display:inline-block; padding:2px 5px; background:#fff; border:1px solid #999; border-radius:4px; font-size:13px; color:#999; float:left; } .item_img .item_num_box .tag:not(:last-child) { margin-right:4px; } .item_img .item_num_box .tag.tag_item_id { border-color:#f00; color:#f00; } .map_right>#map_list { display:inline-block; width:100%; height:calc(100% - 50px); overflow-y:auto; float:left; position:relative; z-index:0; } .map_right>.map_list_title { display:inline-block; width:100%; height:50px; padding:8px 10px 9px; border-bottom:1px solid #e1e6ee; line-height:normal; float:left; position:relative; z-index:1; } .map_list_title>* { display:inline-flex; align-items:center; float:left; } .map_list_title>.map_title_L { height:32px; padding:0 10px; border-radius:2px; background:#026; color:#fff; font-size:14px; font-weight:700; white-space:nowrap; } .map_list_title>.map_title_L * { color:#fff !important; font-size:inherit; font-weight:inherit; } .map_list_title>.map_title_L .map_list_count { margin-left:3px; } .map_list_title>.map_title_R { float:right; gap:6px; } .map_list_title>.map_title_R>* { display:inline-flex; align-items:center; justify-content:center; height:32px; background:#fff; border:1px solid #d1d9e5; border-radius:2px; line-height:30px; color:#162b4b; font-size:13px; } .map_list_title .align { width:32px; margin-right:0; text-align:center; cursor:pointer; position:relative; } .map_list_title .align>i { font-size:16px; } .map_list_title .align.on, .map_list_title .align:hover { border-color:#0062cf; transition:all .2s; } .map_list_title .align .align_dropdown { display:none; width:148px; margin:0; padding:0 0 5px; background:#fff; border:1px solid #cbd7e7; border-radius:2px; box-shadow:0 8px 20px rgba(15,36,68,.16); position:absolute; top:calc(100% + 6px); right:0; overflow:hidden; z-index:50; list-style:none; text-align:left; } .map_list_title .align.on .align_dropdown { display:block; } .map_list_title .align .align_dropdown:before { content:'정렬 기준'; display:block; padding:8px 11px; border-bottom:1px solid #e5ebf3; background:#f4f7fb; color:#59708e; font-size:11px; font-weight:700; line-height:16px; } .map_list_title .align .align_dropdown li { position:relative; display:block; min-height:34px; margin:0; padding:0 12px; background:#fff; color:#263b58; font-size:12px; font-weight:500; line-height:34px; cursor:pointer; } .map_list_title .align .align_dropdown li:hover { background:#f0f5fc; color:#173b75; } .map_list_title .align .align_dropdown li.on { padding-left:9px; border-left:3px solid #173b75; background:#e8f0fb; color:#173b75; font-weight:700; } .map_list_title .align .align_dropdown li.on:after { content:'\2713'; float:right; } .map_list_title .py_ch { width:auto; padding:0 10px; cursor:pointer; } .map_list_title .py_ch:hover { border-color:#0062cf; transition:all .2s; } .map_list_title .py_ch>* { font-size:12px; } .map_list_title .py_ch i { margin-right:4px; } .map_list_title .move_btn { margin-left:0; padding:0 10px; cursor:pointer; } .map_list_title .move_btn i { margin-right:4px; font-size:12px; } .map_list_title .move_btn:hover { border-color:#0062cf; color:#0062cf; transition:all .2s; } #dongPannel { display:inline-block; height:100%; box-shadow:none; border:none; } #dongPannel .map_title_L { display:inline-block; width:100%; height:50px; padding:0 10px; border-bottom:1px solid #ddd; line-height:50px; font-size:16px; font-weight:bold; } #dongPannel .map_title_L * { font-size:16px; font-weight:bold; } .map_title_L .map_list_close { display:inline-block; width:30px; height:30px; margin:10px 0; line-height:30px; text-align:center; float:right; cursor:pointer; } .map_title_L .map_list_close i { display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; float:left; } #map_item_data { height:calc(100% - 50px); padding:0; overflow-y:auto; } #map_item_data>a { display:inline-block; width:100%; border-bottom:1px solid #ddd; float:left; } .ribbon { width:100%; height:100%; overflow:hidden; position:absolute; z-index:0; } .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); } /* 맵 리스트 */ .btn.active, .btn:active { box-shadow:none; } .back_btn_box { display:inline-block; width:100%; height:50px; position:absolute; top:0; left:0; background:#fff; border-bottom:1px solid #ddd; box-shadow:0 0 2px rgba(0,0,0,.15); z-index:2; } .back_btn_box>.back_btn:first-child { margin: 0; display:inline-block; width:auto; height:44px; padding:10px; padding-left: 0; cursor:pointer; float:left; } .back_btn_box>.lineCopy_btn { display:inline-block; width:auto; height:50px; padding:10px; padding-left:0; cursor:pointer; float:right; } .back_btn_box>.lineCopy_btn .urlCopylink i { display:inline-block; width:20px; height:20px; margin-top:5px; font-size:20px; float:left; } .back_btn img { display:inline-block; width:30px; height:auto; margin-top:0; margin-right:10px; transform:rotate(-90deg); vertical-align:inherit; } .back_btn>span { display:inline-block; height:30px; padding:0; font-size:18px; } .back_btn div { display:inline-block; width:auto; position:absolute; top:50%; left:50%; font-size:20px; font-weight:bold; transform:translate(-50%, -50%); } .zigbang_title { display:inline-block; width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .zigbang_title>* { display:inline-block; height:22px; font-size:20px; font-weight:bold; line-height:22px; float:left; } .itemZ_wrap { display:inline-block; width:100%; height:100%; float:left; } .itemZ_wrap>* { display:inline-block; width:100%; float:left; } .itemZ_header { height:36px; } .itemZ_header>* { display:inline-block; width:100%; float:left; } .linkCopy_box { padding:5px 10px; } .linkCopy_box>* { display:inline-block; width:calc(100% - 90px); border:1px solid #ddd; line-height:30px; text-align:center; float:left; } .linkCopy_box>input { padding:0 10px; text-align:left; } .linkCopy_box>span { width:90px; background:#0062cf; border-color:#0062cf; border-left:none; cursor:pointer; } .linkCopy_box span { color:#fff; font-weight:bold; } .linkCopy_box span i { margin-right:4px; color:#fff; } .item_nav_wrap { border:1px solid #ddd; border-left:none; border-right:none; } .item_nav_wrap>* { display:inline-block; width:20%; background:#f3f3f3; color:#999; text-align:center; line-height:34px; float:left; cursor:pointer; } .item_nav_wrap>*.on { background:#fff; color:#0062cf; font-weight:bold; } .item_nav_wrap>*:not(:last-child) { border-right:1px solid #ddd; } .itemZ_body { height:100%; background:#f3f3f3; overflow:hidden; overflow-y:auto; } .itemZ_body>* { display:inline-block; width:100%; padding:15px; background:#fff; float:left; position:relative; } .itemZ_body>*:not(:last-child) { margin-bottom:5px; } .itemZ_body>.brokerage_info_wrap { margin-bottom:50px !important; } .media_wrap { margin-bottom:0 !important; padding:0; } .media_select_box { display:inline-block; position:absolute; top:10px; right:10px; background:#fff; border-radius:4px; overflow:hidden; z-index:1; box-shadow:0 0 3px rgba(0,0,0,.15); } .media_select_box ul { display:inline-block; margin:0; border:2px solid #0062cf; border-radius:4px; line-height:34px; float:left; overflow:hidden; } .media_select_box li { display:inline-block; width:34px; padding:0; border-radius:0; text-align:center; line-height:34px; float:left; cursor:pointer; } .media_select_box li i { color:#0062cf; } .media_select_box li.on i { color:#fff; } .media_select_box li.on { background:#0062cf; color:#fff; } .media_select_contents_wrap { display:inline-block; width:100%; float:left; } .media_select_contents_box { display:none; width:100%; float:left; } .media_select_contents_box.on { display:inline-block; } .detail_item_img { display:inline-block; width:100%; height:400px; background:center center url('/static/img/common/no_img.gif') no-repeat; float:left; } .multi_media_wrap { display:inline-block; width:100%; padding:0; float:left; position:relative; } .multi_media_wrap>.media_wrap { display:inline-block; width:100%; box-shadow:0 0 3px rgba(0,0,0,.05); float:left; } .media_select_box { display:none; width:auto; border:none; background:#fff; position:absolute; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,.15); z-index:2; } .itemList .media_select_box>ul { display:inline-block; height:40px; margin:0; padding:0; border:none; float:left; } .itemList .media_select_box li { display:inline-block; min-width:40px; padding:0; height:40px; border:none; border-radius:100px; line-height:38px; text-align:center; float:left; cursor:pointer; } .itemList .media_select_box li.on { background:#0062cf; color:#fff; } .itemList .media_select_box li.on i { color:#fff; } .media_select_contents_box { display:inline-block; width:100%; height:0; float:left; overflow:hidden; } .media_select_contents_box.on { height:auto; overflow:auto; } .detail_item_img { display:inline-block; width:100%; float:left; } .panorama.detail_item_img { width:100% !important; } .title_wrap { padding:0 !important; } .title_wrap>* { display:inline-block; width:100%; float:left; } .title_wrap>*>* { display:inline-block; } .title_price_box { padding:5px 10px; border-bottom:1px solid #ddd; } .title_price_box>span { display:inline-block; font-weight:bold; line-height:28px; float:left; } .title_price_box>span:not(:last-child) { margin-right:10px; padding-right:10px; border-right:1px solid #ddd; } .title_price_box>span>span { display:inline-block; font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:20px; float:left; } .title_price_box>span>span:not(:last-child) { margin-right:5px; } .title_area_box { padding:5px 0; border-bottom:1px solid #ddd; } .title_area_box>.title_area { display:inline-block; width:calc(100% / 3); padding:0 10px; float:left; } .title_area_box>.title_area.title_area_lease { width:50%; } .title_area>* { display:inline-block; width:100%; float:left; } .title_area>.area_title { color:#888; font-weight:bold; } .title_area>.area_content * { width:100%; font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:20px; float:left; } .title_name_box { padding:10px; font-size:16px; text-align:center; } .title_ex>span { color:#888; } .title_ex>span:not(:last-child):after { content:'·'; padding:0 3px; } .item_content_wrap {} .item_content_wrap>* {display:inline-block; width:100%; float:left; } .item_con_title { margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #ddd; position:relative; } .item_con_title>* { display:inline-block; width:100%; margin:0; color:#0062cf; float:left; } .item_con_title h4 { margin-bottom:4px; font-size:14px; } .item_con_title h2 { font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:18px; } .item_con_title .kakao_open_box { display:inline-block; width:auto; padding:2px 5px; background:#fff; border:1px solid #ddd; border-radius:4px; position:absolute; top:0; right:0; cursor:pointer; } .item_con_title .kakao_open_box>* { display:inline-block; height:20px; line-height:20px; float:left; } .item_con_title .kakao_open_box:hover { background:#0062cf; border-color:#0062cf; color:#fff; transition:all .2s; } .item_con_title .kakao_open_box img { margin-right:2px; } .item_con_title .kakao_open_box:hover * { color:#fff; transition:all .2s; } .item_con_title .py_ch { display:inline-block; width:auto; padding:0 10px; background:#fff; border:1px solid #ddd; border-radius:40px; line-height:20px; position:absolute; top:8px; right:0; cursor:pointer; } .item_con_title .py_ch:hover { border-color:#0062cf; } .item_con_title .py_ch>* { font-size:12px; } .item_con_title .py_ch i { margin-right:5px; } .item_content_basic .item_con_title .toji_moveBtn { display:inline-block; width:auto; padding:0 10px; border:1px solid #0062cf; background:#0062cf; color:#fff; position:absolute; top:5px; left:100px; line-height:28px; float:left; cursor:pointer; } .item_content_basic .item_con_title .toji_moveBtn * { color:#fff; } .item_content_basic .item_con_title .toji_moveBtn:hover { background:#fff; color:#0062cf; transition:all .2s; } .item_content_basic .item_con_title .toji_moveBtn:hover * { color:#0062cf; transition:all .2s; } /* 토지 */ .item_content_wrap .toji_moveBtn_a { display:inline-block; width:auto; padding:0 10px; border:1px solid #0062cf; background:#0062cf; color:#fff; position:absolute; top:5px; left:330px; line-height:28px; float:left; cursor:pointer; } .item_content_wrap .toji_moveBtn_a.pc { display:inline-block; } .item_content_wrap .toji_moveBtn_a.mobile { display:none !important; } .toji_moveBtn { color:#fff; } .toji_moveBtn * { color:#fff; } .item_content_wrap .toji_moveBtn_a:hover { background:#fff; transition:all .2s; } .item_content_wrap .toji_moveBtn_a:hover .toji_moveBtn { color:#0062cf; } .item_content_wrap .toji_moveBtn_a:hover * { color:#0062cf; transition:all .2s; } .itemZ_wrap .item_content_wrap .field_btn { width:150px; padding:0 10px; left:105px; } .itemZ_wrap .item_content_wrap .toji_moveBtn_a { left:inherit; right:60px; } .pagination_box2 { margin-top:10px; text-align:center; } .toji_money_prev, .toji_money_next { cursor:pointer; } /* 토지 */ .item_content_actual .item_con_title { /*border-bottom:0; margin-bottom:0;*/ } .optionBox { display:inline-block; width:100%; float:left; } .optionBox>.option_block { display:inline-block; width:calc(100% / 6); padding:5px; text-align:center; float:left; } .optionBox>.option_block>* { display:inline-block; width:100%; } .optionBox>.option_block img { width:auto; height:40px; margin-bottom:5px; } .itemZ_wrap .optionBox>.option_block { width:25%; } .item_con_content { } .item_con_content>table { width:100%; float:left; table-layout:fixed; } .toji_st { display:inline-block; width:100%; margin-top:5px; padding:5px 10px; background:rgba(0,98,207,.05); border-radius:4px; float:left; } .toji_st.mobile_only { display:none; } .toji_st>table { width:100%; float:left; border-collapse:collapse; table-layout:fixed; } .toji_st>table td, .toji_st>table td * { color:#666; } .toji_st>table th, .toji_st>table th * { color:#0062cf; } .item_con_content td, .item_con_content th { line-height:28px; font-size:14px; } .item_con_content table table td, .item_con_content table table th { text-align:center; border:1px solid #eee; line-height:22px; } .item_con_content table table td { background:#f3f3f3; } .table_type1 thead th { background:#f3f3f3; } .table_type1 td, .table_type1 th { border:1px solid #ddd; border-left:none; border-right:none; text-align:center; } .item_con_content #meeting_table td { width:auto; padding:5px; } #meeting_table { width:100%; margin-top:10px; table-layout:fixed; } .item_con_content #meeting_table thead td { padding:0; background:#efefef; } #meeting_table td, #meeting_table th { padding:5px; text-align:center; } .meeting_edit, .meeting_delete { display:inline-block; width:20px; height:20px; border:1px solid #ddd; border-radius:20px; text-align:center; line-height:20px; float:left; cursor:pointer; } .meeting_edit { background:#33d84d; border-color:#33d84d; } .meeting_delete { margin-left:5px; background:#ff4a3f; border-color:#ff4a3f; } .meeting_edit i, .meeting_delete i { display:inline-block; width:10px; height:10px; margin:4px; text-align:center; line-height:10px; font-size:10px; color:#fff; float:left; } #insertItemMeetingForm #file1 { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1; } #insertItemMeetingForm #file1 + label { width:80px; height:34px; margin:0; padding:0 10px; border:1px solid #ddd; background:#fff; line-height:32px; color:#999; text-align:center; font-weight:500; font-size:14px; outline: none; } #insertItemMeetingForm #file1 + label:hover { color:#0062cf; cursor:pointer; } #insertItemMeetingForm .modal_box>.btn { display: inline-block; height: 34px; padding: 0; background: #0062cf; border: 1px solid #0062cf; line-height: 32px; float: left; color: #fff !important; } #insertItemMeetingForm .modal_box>.btn:hover { background:#fff !important; color:#0062cf !important; transition:all .2s; } #meeting_table .view_btn { display:inline-block; width:100%; height:20px; border:1px solid #ddd; border-radius:4px; line-height:18px; text-align:center; font-size:12px; cursor:pointer; } #meeting_table .view_btn:hover { border-color:#0062cf; color:#0062cf; transition:all.2s; } /* 미팅기록 수정 */ #meeting_table { display:table; width:100%; border-collapse:collapse; table-layout:fixed; float:left; } #meeting_table td, #meeting_table th { padding:5px; border:none; text-align:center; } #meeting_table td { width:auto; padding:5px 10px; } #meeting_table thead th { background:#efefef; } .meeting_edit, .meeting_delete { display:inline-block; width:20px; height:20px; border:1px solid #ddd; border-radius:20px; text-align:center; line-height:20px; float:left; cursor:pointer; } .meeting_edit { background:#33d84d; border-color:#33d84d; } .meeting_delete { margin-left:5px; background:#ff4a3f; border-color:#ff4a3f; } .meeting_edit i, .meeting_delete i { display:inline-block; width:10px; height:10px; margin:4px; text-align:center; line-height:10px; font-size:10px; color:#fff; float:left; } #insertItemMeetingForm #file1 { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1; } #insertItemMeetingForm #file1 + label { width:80px; height:34px; margin:0; padding:0 10px; border:1px solid #ddd; background:#fff; line-height:32px; color:#999; text-align:center; font-weight:500; font-size:14px; outline: none; } #insertItemMeetingForm #file1 + label:hover { color:#0062cf; cursor:pointer; } #insertItemMeetingForm .modal_box>.btn { display: inline-block; height: 34px; padding: 0; background: #0062cf; border: 1px solid #0062cf; line-height: 32px; float: left; color: #fff !important; } #insertItemMeetingForm .modal_box>.btn:hover { background:#fff !important; color:#0062cf !important; transition:all .2s; } #meeting_table { display:table; width:100%; border-bottom:1px solid #ddd; float:left; table-layout:fixed; } #meeting_table td { padding:5px; } #meeting_table .modal_box { display:inline-block; width:100%; float:left; } #meeting_table .modal_box>* { display:inline-block; height:34px; padding:0 10px; background:#fff; border:1px solid #ddd; line-height:32px; float:left; } #meeting_table .modal_box>.btn { padding:0; background:#0062cf !important; font-size:14px; border:1px solid #0062cf !important; color:#fff !important; } #meeting_table .modal_box>.btn:hover { background:#fff !important; color:#0062cf !important; transition:all .2s; } #insertItemMeetingForm .modal_box select { cursor:pointer; } #commentDiv.panel-default table td, #commentDiv.panel-default table th { padding:4px; text-align:center; } #commentDiv.panel-default table thead td { background:#f2f4f7; } #commentDiv .pagination_box { display:inline-block; width:100%; text-align:center; float:left; } #commentDiv .pagination_box .pagination { margin:0; } #commentDiv .pagination>li>a, #commentDiv .pagination>li>span { padding:5px; } #meeting_table .comment_btn { display:inline-block; float:right; } .meeting_edit, .meeting_delete, .meeting_file { display:inline-block; width:24px; height:24px; border:1px solid #ddd; border-radius:24px; text-align:center; text-align:center; line-height:24px; float:left; cursor:pointer; } #meeting_table .meeting_edit { background:#33d84d; border-color:#33d84d; } #meeting_table .meeting_delete { margin-left:5px; background:#ff4a3f; border-color:#ff4a3f; } #meeting_table .meeting_file { margin-right:5px; background:#2790e1; border-color:#2790e1; } #meeting_table .meeting_edit i, #meeting_table .meeting_delete i, #meeting_table .meeting_file i { display:inline-block; width:22px; height:22px; margin:0; text-align:center; line-height:23px; font-size:12px; color:#fff; float:left; } #meeting_table .view_btn { display:inline-block; width:100%; height:20px; border:1px solid #ddd; border-radius:4px; line-height:18px; text-align:center; font-size:12px; cursor:pointer; } #meeting_table .view_btn:hover { border-color:#0062cf; color:#0062cf; trna } .item_con_content #meeting_table td, .item_con_content #meeting_table th { line-height:1.4; } .meeting_manager { display:inline-block; width:100%; text-align:left; float:left; } .meeting_manager>span { display:inline-block; height:20px; line-height:20px; float:left; } .meeting_manager>span:not(:last-child):after { content:'｜'; } .meeting_manager>span:first-child { font-weight:bold; } .meeting_date { color:#999; font-size:13px; } .item_content_individuality .item_con_content img { width:100% !important; height:auto !important; } .item_content_lease .item_con_title { border-bottom:0; margin-bottom:0; } .lease_select { display:inline-block; width:auto; background:#fff; border:1px solid #0062cf; border-radius:40px; line-height:28px; position:absolute; top:4px; right:0; overflow:hidden; } .lease_select>div { display:inline-block; padding:0 10px; text-align:center; color:#0062cf; float:left; cursor:pointer; } .lease_select>div.on { background:#0062cf; color:#fff; } .lease_table_wrap table { display:none; margin-bottom: 15px; } .lease_table_wrap table.on { display:table; } .btn_filedown { display:inline-block; padding:0 10px; border:1px solid #ddd; border-radius:4px; text-align:center; line-height:20px; font-size:12px; float:left; } .btn_filedown:hover { border-color:#0062cf; color:#0062cf; transition:all .2s; } .paging { text-align: center; } .paging .prev { display : none; } .paging .prev, .paging .next { padding: 5px; cursor: pointer; font-weight: 900; font-size: 15px; color: #0062cf; } .pagination { margin:0; } .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:#0062cf; 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; position:relative; } .pagination>.active a:after { content:'_'; width:100%; position:absolute; bottom:-2px; left:0; } .pagination_box { display: inline-block; width: 100%; margin-top: 10px; text-align: center; } .pagination_box .pagination>li>a { border:none !important; background:none !important; font-size:16px; color:#aaa; } .pagination_box .pagination>.active>a, .pagination_box .pagination>.active>a:focus, .pagination_box .pagination>.active>a:hover, .pagination_box .pagination>.active>span, .pagination_box .pagination>.active>span:focus, .pagination_box .pagination>.active>span:hover { height:22px; background:none; font-size:18px; font-weight:bold; color:#006ddd; position:relative; line-height:22px; } .pagination_box { display:inline-block; width:100%; text-align:center; } .pagination_box>a { float:right; } .pagination>li>a, .pagination>li>span { padding:5px; } .pagination_box>a>.btn { display:inline-block; padding:0 15px; background:#0062cf; border:1px solid #0062cf; border-radius:4px; font-weight:bold; line-height:30px; color:#fff; cursor:pointer; } .pagination_box>a>.btn:hover { background:#fff; color:#0062cf; transition:all .2s; } .real_price_box { display:inline-block; width:100%; float:left;} .real_price_box>* { display:inline-block; width:100%; font-weight:bold; text-align:center; float:left; } .real_price_box>.real_price_top { padding:5px 15px; background:#0062cf; color:#fff; font-size:14px; } .real_price_box>.real_price_bottom { padding:10px 15px; background:#f6f6f6; color:#0062cf; font-size:18px; font-family:'NotoSansKR-Bold'; font-weight:bold; } .item_content_actual .item_con_title { /*border-bottom:0; margin-bottom:0;*/ } .content_file_box { display:inline-block; width:100%; float:left; } .content_file_box:not(:last-child) { margin-bottom:4px; } .content_file_box>* { display:inline-block; float:left; } .content_file_box>span { margin-right:5px; } .contact_table { width:100%; } .contact_table img { width:60px; height:60px; border-radius:60px; border:1px solid #ddd; } .item_con_content .contact_table td, .item_con_content .contact_table th { line-height:20px; } .item_con_content th .call_btn { display:none; margin-left:5px; } .item_con_content th .call_btn i { display:inline-block; width:20px; height:20px; border:1px solid green; border-radius:20px; text-align:center; line-height:18px; font-size:12px; color:green; } /* 하단 직방 푸터박스 */ .item_content_wrap.brokerage_info_wrap { padding:10px; text-align:center; } .item_content_wrap.brokerage_info_wrap .company_info { display:inline-block; width:100%; font-weight:bold; float:left; } .item_content_wrap.brokerage_info_wrap .company_info:not(:last-child) { margin-bottom:5px; } .item_content_wrap.brokerage_info_wrap .company_info h2 { margin:0; font-family:'NotoSansKR-Bold'; font-size:20px; font-weight:bold; } .item_content_wrap.brokerage_info_wrap .company_info p { margin:0; margin-top:5px; font-weight:bold; } .item_content_wrap.brokerage_info_wrap .company_info.address { color:#000; word-break:keep-all; } .item_content_wrap.brokerage_info_wrap .company_info>div { display:inline-block; width:100%; float:left; } .item_content_wrap.brokerage_info_wrap .company_info>div>span { display:inline-block; } .item_content_wrap.brokerage_info_wrap .company_info>div>span:not(:last-child):after { content:'｜'; } .item_content_wrap.brokerage_info_wrap .copyright { font-size:12px; color:#999; } .itemZ_footerBtn { display:inline-block; width:100%; height:50px; padding:5px; background:#fff; float:left; position:absolute; bottom:0; left:0; box-shadow:0 0 5px rgba(0,0,0,.15); z-index:2; } .itemZ_body>.itemZ_footerBtn { margin-bottom:0; } .itemZ_footerBtn .btn_box>.btn:not(:last-child) { margin-right:5px; } .itemZ_footerBtn .btn { display:inline-block; width:-webkit-calc((100% - 6px) / 2); width:calc((100% - 5px) / 2); height:40px; padding:0; background:#0062cf; border:1px solid #0062cf !important; border-radius:4px; line-height:38px; float:left; } .itemZ_footerBtn .btn { width:100%; } .itemZ_footerBtn .btn { width:-webkit-calc((100% - 12px) / (3)); width:calc((100% - 10px) / (3)); } .itemZ_footerBtn .btn:not(:last-child) { margin-right:5px; } .itemZ_footerBtn .btn>* { color:#fff; } .itemZ_footerBtn .btn:hover { background:#fff; transition:all .2s; } .itemZ_footerBtn .btn:hover * { color:#0062cf; transition:all .2s; } .itemZ_footerBtn>.btn>i , .itemZ_footerBtn .btn_box>.btn>span { font-size:14px; } .itemZ_footerBtn>.btn>span { margin-left:5px; } .body_wrap>section { display:inline-block; width:100%; text-align:center; float:left; } .main_wrap { display:inline-block; width:100%; text-align:center; float:left; } .wrap_1600 { display:inline-block; width:1200px; padding:0 15px; text-align:left; } .main_box { display:inline-block; width:100%; margin:20px 0; float:left; } .card_wrap { display:inline-block; width:calc(100% + 30px); margin-bottom:-20px; position:relative; float:left; } .card_wrap .slick-prev { left:-40px; } .card_wrap .slick-next { right:-5px; } .card_wrap .card { display:inline-block; width:calc((100% - 60px) / 4); margin-bottom:20px; background:#fff; border:1px solid #ddd; border-radius:10px; float:left; cursor:pointer; overflow:hidden; } .card:not(:last-child) { margin-right:20px; } .card_wrap .card:nth-child(4n) { margin-right:0; } .card:hover { border-color:#0062cf; } .card>* { display:inline-block; width:100%; float:left; } .card>.img_box { height:auto; padding-top:calc((100% / 3) * 2); background:center center #fafafa no-repeat; background-size:cover; position:relative; } .item_img { display:inline-block; width:100%; float:left; position:relative; } .item_img>div { display:inline-block; width:100%; padding-top:calc((100% / 3) * 2); float:left; overflow:hidden; position:relative; } .item_img>div>img { display:inline-block; width:165%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .ribbon { width:150px; height:100%; padding:0 !important; overflow:hidden; position:absolute !important; top:0; right:0; } .ribbon-top-right { right:0 !important; } .ribbon::before, .ribbon::after { content:''; display:block; border:5px solid #2980b9; border-top-color:transparent; border-right-color:transparent; position:absolute; z-index:-1; } .ribbon::before { top:-20px; left:-20px;} .ribbon::after { bottom:-20px; right:-20px;} .ribbon span { display:block; width:225px; padding:5px 0; background-color:#3498db; position:absolute; top:25px; right:-75px; text-shadow:0 1px 1px rgb(0 0 0 / 20%); text-transform:uppercase; box-shadow:0 5px 10px rgb(0 0 0 / 10%); color:#fff; text-align:center; z-index:2; transform:rotate(45deg); } .item_img .img_finish { display:inline-block; width:100%; height:100%; background:center center transparent no-repeat; background-size:cover; position:absolute; top:0; left:0; float:left; } .card .card_contents { display:inline-block; width:calc(100% - 30px); margin:10px 15px 0; border-bottom:1px solid #ddd !important; text-align:left; float:left; } .card>.card_contents>* { display:inline-block; width:100%; float:left; } .card_contents .card_address { width:100%; margin:0 0 5px !important; text-align:left; font-size:14px; color:#888; float:left; } .card_contents .card_address>* { display:inline-block; width:100%; float:left; } .card_name>* { display:inline-block; float:left; } .card_name>.name { display:inline-block; width:calc(100% - 25px); height:24px; float:left; font-size:18px; font-weight:900; line-height:24px; color: #000000;} .card_contents .card_address:has(.status)>* { display:flex;} .card_name:has(.status)>.name {display:flex; flex:1; margin-right:5px; width:auto; } .card_name>.status { display:inline-block; width:auto; height:24px;font-weight:900; float:right;} .card_address .address { width:100%; margin:0 !important; text-align:left; font-size:14px; color:#999; float:left; } .card>.con_box { padding:15px; } .card_address .card_address { color:#999; } .card .con_box>* { display:inline-block; width:100%; text-align:center; float:left; } .card .con_box>*:not(:last-child) { margin-bottom:5px; } .scrap_id_box { margin-bottom:-4px; } .scrap_id { display:inline-block; } .scrap_id>* { display:inline-block; height:28px; line-height:28px; float:left; } .scrap { display:inline-block; width:20px; height:24px; margin-right:5px; line-height:24px; float:left; cursor:pointer; } .scrap i { display:inline-block; width:100%; height:24px; line-height:24px; font-size:18px; color:#ddd; text-align:center; float:left; } .scrap.on i { font-weight:bold; color:#f00; } .scrap_id>.item_id { margin-left:10px; padding:0 10px; border:1px solid #ddd; border-radius:4px; line-height:26px; } .price_box_wrap { margin-bottom:-4px; } .price_box_wrap>.price_box { display:inline-block; } .price_box>.price { display:inline-block; } .price_box>.price:not(:last-child) { margin-right:5px; } .price_box>.price>* { display:inline-block; height:24px; line-height:24px; font-size:16px; float:left; } .price_box>.price>.price_block { width:24px; margin-right:5px; background:#0062cf; border-radius:24px; text-align:center; color:#fff; font-size:14px; line-height:22px; } .title_box { font-size:16px; color: #000000;} .address_box { } .address_box>* { display:inline; font-size:16px; color:#999; } .address_box>i { margin-right:5px; } .icon_box { display:inline-block; width:100%; border-top:1px solid #ddd; float:left; } .icon_box>* { display:inline-block; width:-webkit-calc((100% - 1px) / 3); width:calc(100% / 3); padding:15px 0; float:left; } .icon_box .icon>* { display:inline-block; width:100%; text-align:center; float:left; } .icon_box .icon>i { font-size:30px; } .icon_box .icon>span { margin-top:5px; } .mainGrid>.area_box, .mainGrid>.price_box { display:inline-block; width:100%; float:left; } .mainGrid>.area_box>* { display:inline-block; width:100%; float:left; } .mainGrid>.price_box>* { display:inline; height:16px; line-height:14px; } .price_box>div { display:inline; width:auto;} .price_box>div:not(:last-child):after { content:'｜'; font-size:16px; } .area_box div>span { display:inline-block; float:left; } .area_box div>span.py { display:none; } .area_box div>span.meter { display:inline-block; } .area_box div>span:first-child { width:50px; margin-right:5px; } .area_box div>span:not(:first-child) { width:calc(100% - 55px); font-weight:bold; } .area_box div.const_sum { width:calc(100% - 40px); margin-right:0; } .area_box div.const_sum>span:first-child { width:40px; } .price_box>div:not(:last-child) { margin-right:5px; } .price_box div>span { display:inline; } .price_box div>span:first-child { margin-right:5px; font-size:17px; font-family:'NotoSansKR-Bold'; font-weight:bold; } .price_box div>span:last-child { font-size:17px; font-family:'NotoSansKR-Bold'; font-weight:bold; } .new_rent_txt{font-size: 17px; font-family: 'NotoSansKR-Bold'; font-weight: bold;} .price_box .price_t_sell { color:#ee2424; } .price_box .price_t_profit { color:#0094e1; } .price_box .price_t_month_deposit, .price_box .price_t_month_rent { color:#66cd28; } .card_content_wrap .area_box>div { display:inline-block; width:50%; padding-right:5px; float:left; } @media (max-width:992px) { .card_content_wrap .area_box>div { width:100%; } .toji_st { display:none; } .toji_st.mobile_only { display:inline-block; } .area_box div.const_sum { width:calc(100% - 55px); margin-right:5px; } .area_box div.const_sum>span:first-child { width:50px; } } /* 모달 */ .modal { width:100%; height:100%; } .modal-open .modal { z-index:1051; } .modal.in .modal-dialog { margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background: none; overflow:hidden; } .modal .modal-content { display:inline-block; width:100%; float:left; } .modal .modal-content>* { display:inline-block; width:100%; padding:10px; float:left; position:relative; } .modal .modal_header { background:#0062cf; text-align:center; } .modal .modal_header>* { display:inline-block; font-size:16px; color:#fff; } .modal .modal_header>span { display:inline-block; line-height:24px; font-weight:bold; } .modal .modal_header>span:first-child { margin-right:5px; } .modal .modal_header>.close { position:absolute; top:10px; right:10px; opacity:.8; } .modal .modal_header>.close:hover { opacity:1; transition:opacity .2s; } .modal .modal_header>.close i { display:inline-block; width:24px; height:24px; line-height:24px; font-size:16px; text-align:center; } .modal .modal_body { padding:15px; } .modal_wrap { display:inline-block; width:100%; float:left; } .modal_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-weight:bold; } .modal_box_3 { width:calc((100% - 30px) / 3); } .modal_box_3:not(:last-child) { margin-right:15px; } .modal_box_2 { width:calc((100% - 15px) / 2); } .modal_box_2:not(:last-child) { margin-right:15px; } .modal_box input, .modal_box select { display:inline-block; width:100%; height:34px; padding:0 10px; background:#fff; border:1px solid #ddd; border-radius:4px; line-height:32px; float:left; } .modal_box select { height:34px; cursor:pointer; } .input_span { display:inline-block; width:100%; } .input_span>* { display:inline-block; width:34px; float:left; } .input_span>input { width:calc(100% - 34px); border-radius:4px 0 0 4px; } .input_span>span { background:#f3f3f3; border:1px solid #ddd; border-left:none; border-radius:0 4px 4px 0; line-height:32px; text-align:center; } .input_input_box { display:inline-block; width:100%; float:left; } .input_input_box>* { display:inline-block; width:calc((100% - 20px) / 2); float:left; } .input_input_box .slash { width:20px; line-height:34px; text-align:center; } input.datepicker { text-align:center; } .modal .modal_footer { display:inline-block; width:100%; text-align:center; float:left; } .modal .modal_footer .btn { display:inline-block; padding:0 10px; background:#ddd; border:1px solid #ddd; border-radius:4px; color:#fff; line-height:40px; text-align:14px; font-weight:bold; } .modal .modal_footer .btn * { color:#fff; } .modal#modal_filter .modal-dialog { width:450px; } .modal#modal_filter .modal_footer .btn.btn_search { width:calc(100% - 50px); background:#0062cf; border-color:#0062cf; float:left; } .modal#modal_filter .modal_footer .btn.btn_search:hover { background:#fff; color:#0062cf; transition:all .2s; } .modal#modal_filter .modal_footer .btn.btn_search:hover * { color:#0062cf; } .btn.btn_search span:first-child { margin-right:5px; } .modal#modal_filter .modal_footer .btn.btn_refresh { width:40px; background:#ef4955; border-color:#ef4955; float:right; } .modal#modal_filter .modal_footer .btn.btn_refresh:hover { background:#fff; transition:all .2s; } .modal#modal_filter .modal_footer .btn.btn_refresh:hover * { color:#ef4955; } .modal#modal-contact2 .modal-dialog { } .modal#modal-contact2 form>* { display:inline-block; width:100%; float:left; } .modal#modal-contact2 form>*:not(:last-child) { margin-bottom:10px; } .terms_box2>* { display:inline-block; float:left; } .terms_box2>.terms_btn { float:right; } #modal-call2 .modal-body { padding:20px; } #modal-call2 .modal-body>.btn { display:inline-block; width:100%; margin-top:15px; padding:0; 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:#0062cf; } .mini_info_box h4 { font-size:14px; font-weight:normal; } #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:#0062cf; } #modal-call2 .avatarBox>.avater_content h2 * { font-family:NotoSansKR-bolder; font-weight:bolder; font-size:30px; color:#0062cf; } @media (max-width:992px) { .logo img { width:auto !important; max-width:100vw; height:50px; padding:5px; } .item_wrap_1200 .item_content_wrap { border-left:none; border-right:none; } .item_wrap_1200>*>*:not(:last-child) { margin-bottom:5px; } .item_wrap_1200 .media_wrap { margin-bottom:5px !important; } header { position:fixed; top:0; left:0; background:#fff; z-index:3; } .header_top { display:none; } .header_wrap { display:inline-block; width:100%; height:50px; padding:0; text-align:center; position:relative; } .header_wrap>.logo { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .header_wrap>div:not(.logo) { display:none; } .body_wrap { display:inline-block; width:100%; padding-top:50px; float:left; } .item_con_content th .call_btn { display:inline-block; } .new_title { margin-bottom:0 !important; } .item_majorInfo_wrap.view_mobile .item_con_title .btn_box { display:none; } .item_content_wrap.item_contactInfo_wrap { display:none; } .optionBox>.option_block { width:25%; padding:5px 0; } .optionBox>.option_block>* { font-size:12px; } .wrap_1600 { width:100%; } .card_wrap { width:100%; margin-bottom:-15px; } .card_wrap .card { width:calc((100% - 15px) / 2); margin-bottom:15px; } .card:not(:last-child) { margin-right:15px; } .card_wrap .card:nth-child(2n) { margin-right:0; } .card_2_mobile .tag_box { display:inline-block; padding:5px; position:absolute; top:0; left:0; float:left; } .card_2_mobile .tag_box>.tag { display:inline-block; padding:2px 5px; background:#999; border-radius:4px; font-size:13px; color:#fff; float:left; } .card_2_mobile .tag_box>.tag.recommend { background:#f00; } .card_2_mobile .tag_box>.tag.exclusive { background:#ffb400; } .card_2_mobile .tag_box>.tag.violate { background:#359eda; } .card_2_mobile .tag_box>.tag:not(:last-child) { margin-right:4px; } .ribbon span { top:15px !important; right:-84px !important; } .tooltip { position:fixed; } /* 토지 */ .item_con_title>.field_btn { padding:0 10px; left:110px; } .item_content_wrap .toji_moveBtn_a.pc { display:none !important; } .item_content_wrap .toji_moveBtn_a.mobile { display:inline-block !important; width:auto; margin-bottom:5px; padding:0 10px; border:1px solid #0062cf; background:#0062cf; color:#fff; position:inherit; line-height:28px; float:left; cursor:pointer; } .item_content_wrap .toji_moveBtn_a.mobile span { color:#fff; } .toji_moveBtn span { display:none; } .item_content_basic .item_con_title .toji_moveBtn span { display:none; } /* 토지 */ footer { height:auto; margin-bottom:50px; padding:15px; } footer h4 { font-size:16px; } footer .company_info { margin:10px 0 15px; } .company_box>span { font-size:13px; word-break:keep-all; } footer .copyright { font-size:12px; } .modal .modal-dialog { width:90% !important; max-height:90%; } .modal .modal-content { height:100%; } .modal .modal-body { max-height:400px; overflow-y:auto; } } /* 게시판 */ .admin_bbs_wrap { display:inline-block; width:100%; height: 100%; padding:15px; background:#fff; border:1px solid #ddd; border-radius:10px; float:left; } .admin_bbs_header { display:inline-block; width:100%; margin-bottom:15px; float:left; } .admin_bbs_header>* { display:inline-block; float:left; } .admin_bbs_header>.bbs_headerR { float:right; } .bbs_headerL>* { display:inline-block; height:32px; border-radius:4px; font-size:15px; line-height:32px; float:left; } .bbs_headerL>*:not(:last-child) { margin-right:5px; } .bbs_num { padding:0 15px; background:#026; color:#fff; font-weight:bold; } .bbs_headerR #searchForm { display:inline-block; height:32px; border-radius:4px; font-size:15px; line-height:32px; float:left; } .bbs_headerR #searchForm>* { display:inline-block; height:32px; border-radius:4px; font-size:15px; line-height:32px; float:left; } .bbs_headerR>*:not(:last-child) { margin-right:5px; } .bbs_headerR select, .bbs_headerR input { border:1px solid #ddd; padding:0 10px; font-size:15px; cursor:pointer; } .bbs_headerR .btn { display:inline-block; width:80px; height:34px; padding:0; background:#000; border:1px solid #000; border-radius:0; font-size:15px; font-weight:bold; color:#fff; line-height:32px; text-align:center; float:left; cursor:pointer; } .bbs_headerR .btn:hover { background:#fff; color:#000; transition:all .2s; } .admin_bbs_table { width: 1140px; min-height:calc(100vh - 560px); margin: 40px auto; } .admin_bbs_table table { width:100%; table-layout:fixed; border-bottom:1px solid #ddd; border-collapse:collapse; } .admin_bbs_table table thead th { padding:5px 0; background:#f2f4f7; font-size:15px; } .admin_bbs_table table tbody tr:not(:last-child) td { border-bottom:1px solid #ddd; } .admin_bbs_table table tbody * { font-size:14px; } .admin_bbs_table table tbody td { padding: 10px; text-align:center; } .admin_bbs_table table tbody td .btn_box { display:inline-block; margin-bottom:-5px; } .admin_bbs_table table tbody td .btn { display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:4px; cursor:pointer; float:left; } .admin_bbs_table table tbody td .btn:not(:last-child) { margin-right:5px; } .admin_bbs_table table tbody td .btn i { display:inline-block; width:100%; height:100%; line-height:30px; text-align:center; color:#999; float:left; } .admin_bbs_table table tbody td .btn:hover { border-color:#026; transition:border .2s; } .admin_bbs_table table tbody td .btn:hover i { color:#026; transition:color .2s; } .board_view { width:100% !important; padding:0; background:#fff; } .notice_title h3 { margin:0; margin-bottom:40px; padding:50px 30px; font-size:1.8em; font-weight:bold; text-align:center; background:#f5f5f5; box-shadow:0 2px 4px rgba(0,0,0,0.15); } .board_view_box { width:1140px; margin:0px auto 20px; } .board_view_title { width:100%; padding:15px; border-top:2px solid #000; border-bottom:1px solid #ddd; background:#f8f8f8; text-align:left; } .board_view_title span { font-size:14px; color:#aaa; } .board_view_title .title { display:inline-block; width:100%; margin-bottom:3px; } .board_view_title .reply_status { display:inline-block; margin-right:5px; padding:0 10px; line-height:28px; background:#aaa; color:#fff; float:left; } .board_view_title .reply_status.reply_complete { background:#006ddd; } .board_view_title .title_Txt { display:inline-block; font-weight:bold; font-size:18px; color:#000; line-height:28px; float:left; } .star_rating { display:inline-block; width:100%; padding:8px 10px; border-bottom:1px solid #ddd; text-align:left; } .star_rating>* { display:inline-block; float:left; } .star_rating>.star { margin-left:10px; } .star span { display:inline-block; width:20px; height:20px; text-align:center; float:left; } .star span svg { font-size:16px; } .star span path { color:#ccc; } .star span.on path { color:#fc0; } .star span.half { position:relative; } .star span.half svg { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .star span.half svg path { color:#ccc; } .star span.half svg:last-child path { color:#fc0; } .board_view_box .ellipsis { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; } .board_view_body { width:100%; padding:20px; border-bottom:1px solid #ddd; background:#fff; } .board_view_body .img_box { width:100%; } .board_view_body .txt_box { display:inline-block; width:100%; margin-top:10px; text-align:left; } .board_view_body h5.reply_write { width:100%; } .board_view_body .eclipsis { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; } .board_view_body a>span { width:100%; } .reply_box { width:100%; height:auto; margin-top:30px; text-align:left; } .reply_box .input-group { margin:0; } .reply_box .reply_input { display:inline-block; width:100%; padding:10px; } .reply_box .reply_input>* { float:left; } .reply_box_title { padding:8px 15px; background:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; font-weight:bold; } .reply_box_title * { margin-right:5px; font-size:16px; } .reply_box .reply_confirm_box { display:inline-block; width:100%; float:left; } .reply_box .reply_confirm_box .reply_view { padding:10px 15px; background-color:#fff; } .reply_box .reply_confirm_box>*:not(:last-child) { border-bottom:1px solid #ddd; } .delete_reply_box { display:inline-block; width:100%; padding:4px 15px; text-align:center; background:#fffafa; color:#888; font-style:italic; } .reply_view { display:inline-block; width:100%; padding:5px 0; float:left; } .reply_view:not(:last-child) { border-bottom:1px solid #ddd; } .reply_view>* { display:inline-block; width:100px; float:left; } .reply_view svg { width:auto; margin-right:10px; padding:1px 0; font-size:20px; font-weight:bold; color:#026; line-height:24px; float:left; } .reply_view.reply_view_secret, .reply_view.reply_view_delete { font-weight:bold; font-size:16px; } .reply_view_left { width:calc(100% - 110px); } .reply_view_right { margin-right:10px; } .reply_view_right .btn_box { display:inline-block; width:100%; } .reply_view_right .btn_box>span { display:inline-block; width:24.5px; float:left; font-weight:bold; cursor:pointer; text-align:right; float:right; font-size:13px; } .reply_view_right .btn_box>span:hover { color:#026; } .reply_view_right .btn_box>span:last-child { width:40px; } .reply_view_right .btn_box>span:not(:first-child) { margin-right:5px; } .reply_reply .member_name { margin-left:5px; font-size:16px; font-weight:bold; } .reply_reply .member_name + .reply_content { display:inline-block; width:100%; padding-left:20px; word-break:keep-all; white-space:pre-wrap; float:left; } .reply_box .reply_input_box { display:inline-block; width:100%; margin-top:15px; float:left; } .reply_box .reply_input_box span.input-group-addon { width:140px; padding:0; border:none; background:none; border-radius:0; } .reply_box .reply_input_box input[type="text"] { width:calc(100% - 105px); padding:0 10px; border:1px solid #ddd; border-radius:0; box-shadow:none; line-height:32px; } .reply_box .reply_input_box button { width:100px; height:34px; margin-left:5px; border:1px solid #006ddd; background:#006ddd; color:#fff; border-radius:0; font-weight:bold; cursor:pointer; } .reply_box .reply_input_box button:hover { background:#fff; color:#006ddd; transition:all .2s;} .reply_box .reply_input_box .input-group-addon>label { height:34px; margin-bottom:0; padding:0; line-height:34px; } .replyBoard_box { display:inline-block; width:100%; margin:15px 0; } .reply_box .checks input[type="checkbox"] + label { width:auto; font-weight:normal; } .reply_box .checks input[type="checkbox"] + label>svg { display:none; position:absolute; top:50%; left:5px; transform:translateY(-50%); color:#026; font-size:inherit; transition:.2s; } .reply_box .checks input[type="checkbox"] + label:before { top:6px; background-color:#fff; } .reply_box .checks input[type="checkbox"]:checked + label:before { background:#026; border-color:#026; } .reply_box .checks input[type="checkbox"]:checked + label>svg { display:inline-block; } .reply_box .pull-date { display:inline-block; width:100%; height:22px; font-size:12px; line-height:22px; text-align:right; } .reply_box .reply_remove { border-radius:50px; } .reply_box .form-control:focus { border-color:#026; box-shadow:0 0 2px #026; } .re_reply { display: none; } .table_search_wrap .btn { display:inline-block; padding:0 20px; border:1px solid #006ddd; background:#006ddd; color:#fff; font-size:14px; line-height:32px; font-weight:bold; cursor:pointer; } .table_search_wrap .btn:hover { background:#fff; color:#006ddd; transition:all .2s; } .board_view_footer { display:inline-block; width:100%; margin-top:15px; padding-top:20px; border-top:1px solid #ddd; position: relative; } .board_view_footer .btn { display:inline-block; padding:0 20px; border:1px solid #888; background:#888; color:#fff; font-size:14px; line-height:34px; font-weight:bold; cursor:pointer; } .board_view_footer .btn:hover { background:#fff; color:#888; transition:all .2s; } .board_view_footer .btn:not(:last-child) { margin-right:5px; } /*.board_view_footer .list_btn { position:absolute; left:50%; transform:translateX(-50%); }*/ .footer_btn_right { display:inline-block; float:right; } .board_view_footer .edit_btn { background:#6ec300; border-color:#6ec300; } .board_view_footer .edit_btn:hover { color:#6ec300; } .board_view_footer .delete_btn { background:#de0000; border-color:#de0000; } .board_view_footer .delete_btn:hover { color:#de0000; } .replyBoard_box .btn { display:inline-block; margin-top:15px; padding:0 20px; border:1px solid #000; background:#000; color:#fff; font-size:14px; line-height:34px; font-weight:bold; cursor:pointer; float:right; } .replyBoard_box .btn:hover { background:#fff; color:#000; transition:all .2s; } .replyBoard_box .edit_btn { background:#6ec300; border-color:#6ec300; } .replyBoard_box .edit_btn:hover { color:#6ec300; } .replyBoard_box .delete_btn { margin-left:5px; background:#de0000; border-color:#de0000; } .replyBoard_box .delete_btn:hover { color:#de0000; } .pagination_box { display: inline-block; width: 100%; margin-top: 10px; text-align: center; } .pagination_box .pagination>li>a { padding:0 5px; border:none !important; background:none !important; font-size:16px; color:#aaa; } .pagination_box .pagination>.active>a, .pagination_box .pagination>.active>a:focus, .pagination_box .pagination>.active>a:hover, .pagination_box .pagination>.active>span, .pagination_box .pagination>.active>span:focus, .pagination_box .pagination>.active>span:hover { background:none; font-size:18px; font-weight:bold; color:#006ddd; position:relative; } .pagination { border-radius:0; } .pagination>li { margin:5px 0; display:inline-block; } .pagination>li>a, .pagination>li>span { 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:#006ddd; 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; position:relative; } .pagination>.active a:after { content:'_'; width:100%; position:absolute; bottom:-2px; left:0; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { position:relative; } /* 게시판 - 리스트형 */ .admin_bbs_table .title_wrap { display:inline-block; width:100%; float:left; cursor: pointer; } .admin_bbs_table .new_label { display:inline-block; width:24px !important; height:24px; margin-right:5px; padding:0 !important; background:#006ddd !important; border-radius:30px !important; font-size:12px; font-weight:bold; color:#fff !important; text-align:center; line-height:24px; float:left; } .admin_bbs_table .secret_box { display:inline-block; width:20px; height:24px; line-height:24px; margin-right:5px; float:left; } .admin_bbs_table .secret_box path { color:#fc0; } .admin_bbs_table .title_wrap .ellipsis { width:calc(100% - 50px); font-size:16px; float:left; text-align:left; } /* 게시판 - 카드형 */ .card_bbs { display:inline-block; width:100%; margin-bottom:-15px; float:left; } .card_bbs>.card_box { display:inline-block; width:calc((100% - 45px) / 4); margin-bottom:15px; margin-right:15px; border:1px solid #ddd; border-top:2px solid #000; float:left; cursor:pointer; } .card_bbs>.card_box:hover { border-color:#006ddd; transition:all .2s; } .card_bbs>.card_box:nth-child(4n) { margin-right:0; } .card_bbs>.card_box>* { display:inline-block; width:100%; float:left; } .card_box>.card_img { border-bottom:1px solid #ddd; overflow:hidden; position:relative; } .card_bbs>.card_box:hover .card_img { border-color:#006ddd; transition:all .2s; } .card_box>.card_img .c_image { display:inline-block; width:100%; height:auto; padding-top:calc((100% / 4) * 3); background:center center #fff no-repeat; background-size:cover; float:left; } .card_img img { display:inline-block; width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .card_con { padding:15px; } .card_con>* { display:inline-block; width:100%; line-height:20px; text-align:left; float:left; color:#888; } .card_con>.title { margin-bottom:5px; font-size:18px; font-weight:bold; line-height:24px; color:#000; } /* 웹진형 */ .web_img { display:inline-block; width:100%; overflow:hidden; position:relative; float:left; } .web_img .w_image { display:inline-block; width:100%; height:auto; padding-top:calc((100% / 4) * 3); background:center center #fff no-repeat; background-size:cover; float:left; } .web_img img { display:inline-block; width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .web_title_wrap { text-align:left; } .web_title_wrap .ellipsis { width:calc(100% - 66px); font-size:16px; font-weight:bold; } .web_title_wrap .new_label { width:24px; height:24px; font-size:14px; line-height:24px; } .web_title_wrap .con { display:-webkit-box; width:100%; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:40px; line-height:20px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .web_title_wrap .secret_box { width:16px; height:24px; line-height:24px; text-align:center; } /* 게시판 - 답변형 */ .label_complete { display:inline-block; width:100%; line-height:28px; background:#006ddd; color:#fff; float:left; } .label_wating { display:inline-block; width:100%; line-height:28px; background:#888; color:#fff; float:left; } /* 게시판 - 평점형 */ .table_bbs .star_rating { padding:0; border:none; float:left; } #rate { display:inline-block; height:34px; padding:0 10px; line-height:34px; border:1px solid #ddd; border-radius:0; float:left; cursor:pointer; } .table_bbs .star_rating>.star { margin:0; } /* 게시판 - qna형 */ .qna_Wrap { display:inline-block; width:100%; border:1px solid #ddd; border-left:none; border-right:none; float:left; } .qna_box { display:inline-block; width:100%; float:left; transition:all .2s; cursor:pointer; position:relative; } .qna_box:hover { background:#fafafa; } .qna_box:not(:last-child) { border-bottom:1px solid #ddd; } .qna_box>* { display:inline-block; width:100%; padding:0 15px; line-height:50px; float:left; } .qna_title {} .qna_title>* { display:inline-block; float:left; font-size:16px; line-height:48px; font-weight:bold; } .qna_title>.arrow { float:right; transform:rotate(0deg); } .qna_con { display:none; margin:0 0 10px; padding:0 20px; line-height:25px; text-align:left; position:relative; } .qna_con .qna_info { display:inline-block; position:absolute; top:0; right:15px; } .qna_con .qna_info>span { display:inline-block; float:left; color:#888; } .qna_con .qna_info>span:not(:last-child):after { content:'·'; padding:0 5px; } .qna_box.on .qna_title>.arrow { transform:rotate(180deg); } .qna_btn { display:inline-block; width:auto; margin:6px 0; position:absolute; top:0; right:25px; float:right; } .table_wrap .qna_btn .btn { display:inline-block; padding:0 20px; border:1px solid #000; background:#000; color:#fff; font-size:14px; line-height:34px; font-weight:bold; cursor:pointer; float:left; } .table_wrap .qna_btn .btn:hover { background:#fff; color:#000; transition:all .2s; } .table_wrap .qna_btn .edit_btn { background:#6ec300; border-color:#6ec300; } .table_wrap .qna_btn .edit_btn:hover { color:#6ec300; } .table_wrap .qna_btn .delete_btn { margin-left:5px; background:#de0000; border-color:#de0000; } .table_wrap .qna_btn .delete_btn:hover { color:#de0000; } /* 게시판 - 등록/수정 */ .bbs_insert_table { width:100%; margin:30px 0; border-collapse:collapse; border:1px solid #ddd; border-top:2px solid #000; } .bbs_insert_table input { display:inline-block; width:100%; padding:0 10px; border:1px solid #ddd; line-height:34px; float:left; } .bbs_insert_table td { padding:10px; border:1px solid #ddd; } .bbs_insert_table td:first-child { background:#f2f4f7; text-align: center; } label.btn { display:inline-block; padding:0; float:left; } label.btn:not(:last-child) { margin-right:5px; } .bbs_insert_table input[type=radio] { display:none; } .bbs_insert_table input[type=radio] + span { display:inline-block; width:100%; height:40px; padding:0 20px; border:1px solid #ddd; border-radius:4px; line-height:38px; cursor:pointer; } .bbs_insert_table input[type=radio] + span { padding:0 20px; } .bbs_insert_table input[type=radio]:checked + span{ border:1px solid #026; background:#026; color:#fff; } #bbsForm>.btn { display:inline-block; padding:0 20px; border:1px solid #888; background:#888; color:#fff; font-size:14px; line-height:34px; font-weight:bold; cursor:pointer; } #bbsForm>.save_btn { background:#006ddd; border-color:#006ddd; } #bbsForm>.save_btn:hover { background:#fff; color:#006ddd; } #bbsForm>.btn:not(:last-child) { margin-right:5px; } #bbsForm>.btn:hover { background:#fff; color:#888; transition:all .2s; } /* 게시판 에디터 */ .bbs_insert_form_g .cke_chrome { border:1px solid #ccc; } .bbs_insert_form_g .cke_top { border-bottom-color:#ccc; } .bbs_insert_form_g .btn-default:hover { background:#fafafa; border:1px solid #026; } .bbs_insert_form_g .form-control:focus { border-color:#026; box-shadow:0 0 2px #026; } .bbs_insert_form_g .btn-default.focus, .bbs_insert_form_g .btn-default:focus, .bbs_insert_form_g .btn-default.active, .bbs_insert_form_g .btn-default:active, .bbs_insert_form_g .open>.dropdown-toggle.btn-default, .bbs_insert_form_g .btn-default.active.focus, .bbs_insert_form_g .btn-default.active:focus, .bbs_insert_form_g .btn-default.active:hover, .bbs_insert_form_g .btn-default:active.focus, .bbs_insert_form_g .btn-default:active:focus, .bbs_insert_form_g .btn-default:active:hover, .bbs_insert_form_g .open>.dropdown-toggle.btn-default.focus, .bbs_insert_form_g .open>.dropdown-toggle.btn-default:focus, .bbs_insert_form_g .open>.dropdown-toggle.btn-default:hover { background:#fafafa; border:1px solid #026; } .bbs_insert_form_g .cke_chrome { box-shadow:none; } .bbs_insert_form_g .cke_top { background:#fff; background-image:none; } .bbs_insert_form_g .cke_toolgroup, .bbs_insert_form_g a.cke_combo_button { border-color:#ccc; border-radius:0; box-shadow:none; background:#fff; background-image:none; cursor:pointer; transition:all .2s; cursor:pointer; } .bbs_insert_form_g .cke_combo_off a.cke_combo_button:hover, .bbs_insert_form_g .cke_combo_off a.cke_combo_button:focus { border:1px solid #026; background:#efefef; background-image:none; } .bbs_insert_form_g .cke_toolgroup a { cursor:pointer; } .bbs_insert_form_g a.cke_button_off { cursor:pointer; transition:all .2s; } .bbs_insert_form_g a.cke_button_off:hover, .bbs_insert_form_g a.cke_button_off:focus, .bbs_insert_form_g a.cke_button_off:active, .bbs_insert_form_g a.cke_button_disabled:hover, .bbs_insert_form_g a.cke_button_disabled:focus, .bbs_insert_form_g a.cke_button_disabled:active { box-shadow:none; background:#efefef; background-image:none; } .bbs_insert_form_g a.cke_button_on, .bbs_insert_form_g a.cke_button_on:hover, .bbs_insert_form_g a.cke_button_on:focus, .bbs_insert_form_g a.cke_button_on:active { box-shadow:none; background:#efefef; background-image:none; } .bbs_insert_form_g .cke_combo_off a.cke_combo_button:active, .bbs_insert_form_g .cke_combo_on a.cke_combo_button { box-shadow:none; background:#efefef; background-image:none; } .bbs_insert_form_g .cke_toolgroup:hover { border:1px solid #026; } .bbs_insert_form_g .cke_bottom { background:#fff; background-image:none; box-shadow:none; } .mobile_admin_nav_wrap { display:none; } .open_btn { display:none; } .file_delete_btn { background: #f00; padding: 3px 8px; margin-top: 3px; font-size: 12px; color: #fff; cursor: pointer; } .mapcard2 .map_list_right{ flex:0 0 160px; border-radius:8px; background:#f5f7f9; box-shadow:inset 0 0 0 1px rgba(0,0,0,.04); } .mapcard2 .map_list_right .item_img{ border-radius:8px; overflow:hidden; } .mapcard2 .map_list_left{ width:calc(100% - 172px); margin-left:12px; padding:1px 0; } .mapcard2 .map_block > .panel-body{ padding:10px; background:#fff; } .mapcard2 .map_block > .panel-body:hover{ background:#f8fafc; box-shadow:inset 3px 0 0 #0062cf; } .mapcard2 .new_item_numBox1{ display: flex !important; flex-direction: column-reverse; align-items: flex-start; gap: 5px; padding:8px !important; } .mapcard2 .tag_id{ background:rgba(255,255,255,.94) !important; border:1px solid #0062cf !important; border-radius:4px !important; color:#0062cf !important; padding:2px 6px !important; font-size:12px !important; font-weight:600; line-height:16px; box-shadow:0 1px 2px rgba(0,0,0,.08); } .mapcard2 .tag_item_id{ background:rgba(255,255,255,.94) !important; border:1px solid #e6325c !important; border-radius:4px !important; padding:2px 6px !important; font-size:12px !important; font-weight:600; line-height:16px; box-shadow:0 1px 2px rgba(0,0,0,.08); } .mapcard2 .ribbon span{ top:15px; } .mapcard2 .new_starWrap{ display:block; width:18px; height:18px; position:absolute; left:133px !important; right:auto !important; bottom:auto !important; top:103px !important; margin:0 !important; float:none !important; line-height:18px; visibility:visible !important; opacity:1 !important; z-index:2; } .mapcard2 .new_starWrap .favorites{ display:block; width:18px; height:18px; line-height:18px; } .mapcard2 .favorites i{ font-size:18px !important; } .mapcard2 .item_img .tag_box{ padding:8px; } .mapcard2 .tag { font-size:12px; } .mapcard2 .recommend{ background:#f7156a !important; border:1px solid #f7156a !important; color:#fff !important; border-radius:4px !important; font-weight:600; box-shadow:0 1px 3px rgba(0,0,0,.16); } .mapcard2 .exclusive{ background:#ff9d04 !important; border:1px solid #ff9d04 !important; color:#fff !important; border-radius:4px !important; font-weight:600; box-shadow:0 1px 3px rgba(0,0,0,.16); } .mapcard2 .sudden{ background:#77d126 !important; border:1px solid #77d126 !important; color:#fff !important; border-radius:4px !important; font-weight:600; box-shadow:0 1px 3px rgba(0,0,0,.16); } .mapcard2 .violate{ display:inline-block; background:#2980ec !important; border:1px solid #2980ec !important; color:#fff !important; border-radius:4px !important; font-weight:600; box-shadow:0 1px 3px rgba(0,0,0,.16); } .mapcard2 .scrap { display: none !important; } .mapcard2 .map_name_box > .name{ min-width:0; font-size:15px; font-weight:700; line-height:20px; letter-spacing:-.25px; color: #000000; } .mapcard2 .map_name_box > .status{ flex:0 0 auto; margin-left:6px; font-size:12px; font-weight:600; line-height:20px; color: #000000; } .mapcard2 .map_price_box span.price_title{ width:auto; padding-right:5px; font-size:17px; } .mapcard2 .map_price_box span{ width:auto; font-size:17px; } .mapcard2 .map_price_box{ min-height:24px; margin-top:2px; line-height:24px; } .mapcard2 .new_slash { padding: 0 5px; } .mapcard2 .map_address{ height:23px; margin-top:2px; color:#3f4a58 !important; font-size:14px; font-weight:500; line-height:23px; letter-spacing:-.15px; } .mapcard2 .map_address i{ position:relative; top:4px; margin-right:5px !important; color:#8f9aa8 !important; font-size:14px; } .mapcard2 .map_area{ display: grid !important; grid-template-columns: 1fr 1fr; margin-top:4px; padding-top:6px; border-top:1px solid #e5e9ee; border-bottom:0 !important; } .mapcard2 .meter, .mapcard2 .py, .mapcard2 .new_price_text{ font-weight:600; } .mapcard2 .map_area > span{ font-size:13px; } .mapcard2 .new_detail_leftWrap, .mapcard2 .new_detail_rightWrap { font-size:13px; line-height:18px; } .mapcard2 .new_d_2, .mapcard2 .new_percent{ color:#222b36; font-weight:600; } .mapcard2 .new_detail_leftWrap > div:not(:last-child), .mapcard2 .new_detail_rightWrap > div:not(:last-child) { margin-bottom:2px; } .mapcard2 .new_d_1, .mapcard2 .price_title{ padding-right: 5px; } .mapcard2 .new_d_1, .mapcard2 .map_area .price_title{ color:#657180; } .mapcard2 .new_d_1{ display:inline-block; width:30px; } .mapcard2 .map_price_box .price_title{ display:inline-block; width:40px; } .mapcard2 .new_d_2{ } .mapcard2 .new_percent{ } .mapcard2 .new_cardItem_numBox{ display: inline-block !important; } .mapcard2 .new_item_numBox2{ } .mapcard2 .map_list_wrap { display:flex; align-items:stretch; width:100%; height:100%; float:left; } #map_list:has(>a.mapcard2.cx-card), #map_item_data:has(>a.mapcard2.cx-card), #map_list_panel_mobile #map_list:has(>a.mapcard2.cx-card){ padding:8px !important; box-sizing:border-box; background:#dfe5ee !important; } #map_list>a.mapcard2.cx-card, #map_item_data>a.mapcard2.cx-card{ display:block; position:relative; z-index:0; isolation:isolate; margin:0 0 8px; background:#fff; border:1px solid #C9D2E0 !important; border-radius:0 !important; box-shadow:none; color:#16181b; transition:border-color .15s, background .15s; } #map_list>a.mapcard2.cx-card:hover, #map_item_data>a.mapcard2.cx-card:hover, a.mapcard2.cx-card:hover{ border-color:#13336B !important; } .mapcard2.cx-card .map_block > .panel-body{ padding:0 !important; background:#fff !important; box-shadow:none !important; } .mapcard2.cx-card .map_block > .panel-body:hover{ background:#fff !important; box-shadow:none !important; } .mapcard2.cx-card .map_list_wrap{ display:flex !important; align-items:stretch; } .mapcard2.cx-card .map_list_right{ flex:0 0 166px !important; width:166px !important; border-radius:0 !important; background:#eceeef !important; box-shadow:none !important; border-right:1px solid #C9D2E0; } .mapcard2.cx-card .map_list_right .item_img{ width:166px !important; height:166px !important; aspect-ratio:1/1; border-radius:0 !important; background-size:cover !important; } .mapcard2.cx-card .cx-done{ position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; background:rgba(22,24,27,.5); } .mapcard2.cx-card .cx-done span{ display:inline-flex; align-items:center; gap:6px; background:#13336B; color:#fff; font-size:13px; font-weight:800; padding:7px 14px; letter-spacing:.04em; } .mapcard2.cx-card .cx-done span i{ font-size:12px; line-height:1; color:#fff !important; } .mapcard2.cx-card .item_img .tag_box{ padding:0 !important; display:flex !important; gap:0; } .mapcard2.cx-card .item_img .tag_box>.tag{ height:22px; display:inline-flex !important; align-items:center; margin:0 !important; padding:0 7px !important; border-radius:0 !important; border:0 !important; box-shadow:none !important; font-size:11px !important; font-weight:700; color:#fff !important; } .mapcard2.cx-card .tag.violate{ background:#C8472E !important; } .mapcard2.cx-card .tag.building_register{ background:#9B3FB8 !important; } .mapcard2.cx-card .tag.recommend{ background:#C73A5B !important; } .mapcard2.cx-card .tag.exclusive{ background:#8A7A1E !important; } .mapcard2.cx-card .tag.sudden{ background:#2E8B57 !important; } .mapcard2.cx-card .tag.naver_ad{ background:#18c95f !important; } .mapcard2.cx-card .new_item_numBox1{ padding:0 !important; gap:0 !important; } .mapcard2.cx-card .item_num_box .tag{ height:20px; display:inline-flex !important; align-items:center; margin:0 !important; padding:0 7px !important; border-radius:0 !important; box-shadow:none !important; font-size:10px !important; font-weight:700; font-family:"JetBrains Mono",Consolas,monospace; letter-spacing:.02em; } .mapcard2.cx-card .item_num_box .tag.tag_id{ background:#16181b !important; border:1px solid #16181b !important; color:#fff !important; } .mapcard2.cx-card .item_num_box .tag.tag_item_id{ background:#fff !important; border:1px solid #d6336c !important; color:#d6336c !important; } .mapcard2.cx-card .ribbon{ display:none; } .mapcard2.cx-card .map_list_left{ flex:1 1 auto; width:auto !important; min-width:0; height:166px; margin:0 !important; padding:8px 12px 0 !important; display:flex !important; flex-direction:column; overflow:hidden; } .mapcard2.cx-card .map_list_left>*{ float:none !important; width:100% !important; } .mapcard2.cx-card .map_name_box{ display:flex !important; align-items:center; gap:6px; min-height:22px; } .mapcard2.cx-card .scrap, .mapcard2.cx-card .map_name_box .favorites{ display:inline-flex !important; align-items:center; justify-content:center; width:22px; height:22px; margin:0 !important; border:1px solid #C9D2E0; float:none !important; line-height:1; cursor:pointer; } .mapcard2.cx-card .scrap i, .mapcard2.cx-card .map_name_box .favorites i{ width:auto; height:auto; line-height:1; font-size:12px !important; color:#6b6e73 !important; float:none; } .mapcard2.cx-card .scrap.on i{ color:#e0312b !important; } .mapcard2.cx-card .map_name_box .favorites.on i{ color:#f7be11 !important; } .mapcard2.cx-card .map_name_box>.name{ flex:1 1 auto; width:auto !important; height:auto; margin:0; font-size:14px !important; font-weight:700; line-height:22px; color:#000000 !important; letter-spacing:-.2px; } .mapcard2.cx-card .map_name_box>.status{ flex:0 0 auto; height:20px; margin:0 !important; padding:0 6px; border:1px solid currentColor; font-size:11px !important; font-weight:700; line-height:18px; } .mapcard2.cx-card .map_price_box{ display:flex !important; align-items:center; gap:6px; min-height:0; height:26px; margin-top:2px !important; line-height:24px; } .mapcard2.cx-card .map_price_box span{ float:none !important; width:auto !important; height:auto !important; line-height:24px !important; vertical-align:baseline; } .mapcard2.cx-card .map_price_box span.price_title{ font-size:17px !important; font-weight:800; padding-right:0; } .mapcard2.cx-card .map_price_box span.price_title.price_sell{ color:#e10909 !important; } .mapcard2.cx-card .map_price_box span.price_title.price_month_deposit{ color:#84cc02 !important; } .mapcard2.cx-card .map_price_box>span.ellipsis{ font-size:17px !important; font-weight:800; color:#16181b !important; } .mapcard2.cx-card .map_price_box.cx-noprice>span.ellipsis{ font-size:16px !important; font-weight:700 !important; color:#9a9da3 !important; } .mapcard2.cx-card .map_price_box.cx-noprice>span.ellipsis::after{ content:none; } .mapcard2.cx-card .new_slash{ padding:0 3px; } .mapcard2.cx-card .map_price_box>span.ellipsis{ display:inline-flex !important; align-items:baseline; white-space:nowrap; overflow:hidden; } .mapcard2.cx-card .map_price_box>span.ellipsis>span.ellipsis, .mapcard2.cx-card .map_price_box>span.ellipsis>span.new_slash{ display:inline !important; float:none !important; width:auto !important; height:auto !important; overflow:visible !important; font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important; color:inherit !important; vertical-align:baseline !important; } .mapcard2.cx-card .map_address{ display:flex !important; align-items:center; gap:4px; height:18px !important; margin-top:1px !important; font-size:12px !important; font-weight:500; line-height:18px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#4a4e55 !important; } .mapcard2.cx-card .map_address i{ position:static !important; top:auto !important; flex:none; margin-right:0 !important; font-size:12px !important; line-height:1; color:#6b6e73 !important; } .mapcard2.cx-card .map_area{ display:grid !important; grid-auto-flow:column !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; grid-template-rows:1fr 1fr !important; width:calc(100% + 24px) !important; margin:auto -12px 0 !important; padding:0 !important; border:0 !important; border-top:1px solid #C9D2E0 !important; } .mapcard2.cx-card .new_detail_leftWrap, .mapcard2.cx-card .new_detail_rightWrap{ display:contents !important; } .mapcard2.cx-card .map_area>div>div{ display:flex !important; flex-direction:column; gap:1px; min-width:0; padding:3px 10px; border-bottom:1px solid #C9D2E0; border-right:1px solid #C9D2E0; font-size:12px; font-weight:800; color:#16181b; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mapcard2.cx-card .new_detail_rightWrap>div{ border-right:0 !important; } .mapcard2.cx-card .map_area>div>div:last-child{ border-bottom:0 !important; } .mapcard2.cx-card .map_area .new_d_1, .mapcard2.cx-card .map_area .price_title{ display:block; width:auto !important; margin:0 !important; font-size:10px !important; font-weight:600 !important; color:#8a8d92 !important; line-height:12px; } .mapcard2.cx-card .map_area .py, .mapcard2.cx-card .map_area .meter, .mapcard2.cx-card .map_area .new_price_text{ width:auto !important; margin:0 !important; font-size:12px !important; font-weight:800 !important; color:#16181b !important; } .mapcard2.cx-card .new_starWrap{ display:none !important; } #grid_list .mainGrid2.cx-card, .mainGrid2.cx-card{ position:relative; z-index:0; isolation:isolate; display:flex !important; flex-direction:column; margin:0 0 8px !important; padding:0 !important; background:#fff !important; border:1px solid #C9D2E0 !important; border-radius:0 !important; box-shadow:none !important; color:#16181b; overflow:hidden; cursor:pointer; transition:border-color .15s; transform:none !important; box-sizing:border-box; } #grid_list .mainGrid2.cx-card:hover{ border-color:#13336B !important; box-shadow:none !important; transform:none !important; } .mainGrid2.cx-card .photo.item_img{ position:relative; flex:none; width:100% !important; aspect-ratio:1/1; height:auto !important; margin:0 !important; padding:0 !important; background:#eceeef !important; border:0 !important; border-bottom:1px solid #C9D2E0 !important; border-radius:0 !important; overflow:hidden; } .mainGrid2.cx-card .photo.item_img>div:first-child{ position:absolute !important; inset:0; width:100% !important; height:100% !important; margin:0 !important; border-radius:0 !important; transform:none !important; } .mainGrid2.cx-card .cx-done{ position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; background:rgba(22,24,27,.5); } .mainGrid2.cx-card .cx-done span{ display:inline-flex; align-items:center; gap:6px; background:#13336B; color:#fff; font-size:13px; font-weight:800; padding:7px 14px; letter-spacing:.04em; } .mainGrid2.cx-card .cx-done span i{ font-size:12px; line-height:1; color:#fff !important; } .mainGrid2.cx-card .ribbon{ display:none !important; } .mainGrid2.cx-card .tag_box{ position:absolute; top:0; left:0; z-index:2; display:flex !important; padding:0 !important; gap:0; } .mainGrid2.cx-card .tag_box>.tag{ height:22px; display:inline-flex !important; align-items:center; margin:0 !important; padding:0 7px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; font-size:11px !important; font-weight:700; color:#fff !important; float:none !important; } .mainGrid2.cx-card .tag.violate{ background:#C8472E !important; } .mainGrid2.cx-card .tag.building_register{ background:#9B3FB8 !important; } .mainGrid2.cx-card .tag.recommend{ background:#C73A5B !important; } .mainGrid2.cx-card .tag.exclusive{ background:#8A7A1E !important; } .mainGrid2.cx-card .tag.sudden{ background:#2E8B57 !important; } .mainGrid2.cx-card .tag.naver_ad{ background:#18c95f !important; } .mainGrid2.cx-card .item_num_box{ position:absolute; left:0; bottom:0; z-index:2; display:flex !important; flex-direction:row; align-items:flex-end; width:auto !important; padding:0 !important; gap:0; } .mainGrid2.cx-card .item_num_box .tag{ height:20px; display:inline-flex !important; align-items:center; margin:0 !important; padding:0 7px !important; border-radius:0 !important; box-shadow:none !important; font-size:10px !important; font-weight:700; font-family:"JetBrains Mono",Consolas,monospace; letter-spacing:.02em; float:none !important; } .mainGrid2.cx-card .item_num_box .tag.tag_id{ background:#16181b !important; border:1px solid #16181b !important; color:#fff !important; } .mainGrid2.cx-card .item_num_box .tag.tag_item_id{ background:#fff !important; border:1px solid #d6336c !important; color:#d6336c !important; } .mainGrid2.cx-card .card_content_wrap{ flex:1 1 auto; display:flex; flex-direction:column; min-width:0; width:100% !important; margin:0 !important; padding:0 !important; } .mainGrid2.cx-card .card_contents{ width:auto !important; margin:0 !important; padding:8px 12px 0 !important; border:0 !important; float:none !important; } .mainGrid2.cx-card .card_address.ellipsis{ overflow:visible; white-space:normal; } .mainGrid2.cx-card .card_name{ display:flex !important; align-items:center; gap:6px; min-height:22px; margin:0 !important; } .mainGrid2.cx-card .card_name>*{ float:none !important; } .mainGrid2.cx-card .scrap, .mainGrid2.cx-card .card_name .favorites{ display:inline-flex !important; align-items:center; justify-content:center; width:22px; height:22px; margin:0 !important; border:1px solid #C9D2E0; position:static !important; line-height:1; cursor:pointer; text-shadow:none !important; } .mainGrid2.cx-card .scrap i, .mainGrid2.cx-card .card_name .favorites i{ width:auto; height:auto; line-height:1; font-size:12px !important; color:#6b6e73 !important; float:none !important; } .mainGrid2.cx-card .scrap.on i{ color:#e0312b !important; } .mainGrid2.cx-card .card_name .favorites.on i{ color:#f7be11 !important; } .mainGrid2.cx-card .card_name>.name{ flex:1 1 auto; width:auto !important; height:auto !important; margin:0 !important; font-size:14px !important; font-weight:700; line-height:22px; color:#000000 !important; letter-spacing:-.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mainGrid2.cx-card .card_name>.status{ flex:0 0 auto; height:20px; margin:0 !important; padding:0 6px; border:1px solid currentColor; font-size:11px !important; font-weight:700; line-height:18px; } .mainGrid2.cx-card .price_box{ display:flex !important; align-items:center; gap:6px; height:26px; margin:2px 0 0 !important; padding:0 !important; white-space:nowrap; overflow:hidden; } .mainGrid2.cx-card .price_box>div{ display:inline-flex !important; align-items:baseline; gap:4px; height:auto !important; line-height:24px !important; } .mainGrid2.cx-card .price_box>div:not(:last-child):after{ content:none !important; } .mainGrid2.cx-card .price_box>div[style*="display:none"]{ display:none !important; } .mainGrid2.cx-card .price_box span{ display:inline !important; float:none !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; font-size:17px !important; font-weight:800 !important; line-height:24px !important; color:#16181b !important; } .mainGrid2.cx-card .price_box span.price_sell{ color:#e10909 !important; } .mainGrid2.cx-card .price_box span.new_priceTxt2{ color:#84cc02 !important; } .mainGrid2.cx-card .price_box span.new_priceSlash{ padding:0 2px !important; } .mainGrid2.cx-card .price_box span.cx-noprice{ font-size:16px !important; font-weight:700 !important; color:#9a9da3 !important; } .mainGrid2.cx-card .address{ display:flex !important; align-items:center; gap:4px; height:18px !important; margin:1px 0 0 !important; padding:0 !important; font-size:12px !important; font-weight:500; line-height:18px !important; color:#4a4e55 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mainGrid2.cx-card .address i{ position:static !important; flex:none; margin:0 !important; font-size:12px !important; line-height:1; color:#6b6e73 !important; } .mainGrid2.cx-card .area_box{ display:grid !important; grid-auto-flow:column !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; grid-template-rows:1fr 1fr !important; width:100% !important; margin:auto 0 0 !important; padding:0 !important; border-top:1px solid #C9D2E0 !important; font-size:12px !important; float:none !important; text-align:left; } .mainGrid2.cx-card .new_AreaRow, .mainGrid2.cx-card .new_AreaRow2{ display:contents !important; } .mainGrid2.cx-card .area_box>div>div{ display:flex !important; flex-direction:column; gap:1px; min-width:0; width:auto !important; margin:0 !important; padding:3px 10px; border-bottom:1px solid #C9D2E0; border-right:1px solid #C9D2E0; font-size:12px; font-weight:800; color:#16181b; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:none !important; } .mainGrid2.cx-card .new_AreaRow2>div{ border-right:0 !important; } .mainGrid2.cx-card .area_box>div>div:last-child{ border-bottom:0 !important; } .mainGrid2.cx-card .area_box .new_Area_span1, .mainGrid2.cx-card .area_box .new_ar2{ display:block; width:auto !important; margin:0 !important; padding:0 !important; font-size:10px !important; font-weight:600 !important; color:#8a8d92 !important; line-height:12px; } .mainGrid2.cx-card .area_box .py, .mainGrid2.cx-card .area_box .meter, .mainGrid2.cx-card .area_box .price_t_profit, .mainGrid2.cx-card .area_box div>span:not(:first-child){ width:auto !important; margin:0 !important; padding:0 !important; font-size:12px !important; font-weight:800 !important; color:#16181b !important; } .mainGrid2.cx-card .new_ar_Floor .new_ar_Floor, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .new_ar_Floor .new_ar_Floor{ display:inline !important; padding:0 !important; border:0 !important; font-size:inherit !important; line-height:inherit !important; font-family:inherit !important; font-weight:inherit !important; color:inherit !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_name>.status{ height:20px !important; margin:0 !important; padding:0 6px !important; background:#fff !important; border:1px solid currentColor !important; border-radius:0 !important; font-size:10.5px !important; font-weight:700 !important; line-height:18px !important; box-shadow:none !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .item_num_box{ left:0 !important; right:auto !important; top:auto !important; bottom:0 !important; padding:0 !important; margin:0 !important; width:auto !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .item_num_box .tag{ border-radius:0 !important; margin:0 !important; height:22px !important; line-height:22px !important; padding:0 8px !important; font-size:10.5px !important; font-weight:600 !important; box-shadow:none !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .item_num_box .tag.tag_id{ background:#16181b !important; border:1px solid #16181b !important; color:#fff !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .item_num_box .tag.tag_item_id{ background:#fff !important; border:1px solid #f7156a !important; color:#f7156a !important; } .mapcard2.cx-card .map_name_box>.status{ background:#fff !important; border-radius:0 !important; box-shadow:none !important; } .mapcard2.cx-card .item_num_box .tag{ height:22px !important; padding:0 8px !important; font-size:10.5px !important; font-weight:600 !important; } .mapcard2.cx-card .item_num_box .tag.tag_item_id{ border-color:#f7156a !important; color:#f7156a !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .area_box>div>div{ font-family:'NotoSansKR-Bold', NotoSansKR, 'Apple SD Gothic Neo', sans-serif !important; font-weight:700 !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .py, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .meter, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .price_t_profit, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box div>span:not(:first-child){ font-family:'NotoSansKR-Bold', NotoSansKR, 'Apple SD Gothic Neo', sans-serif !important; font-weight:700 !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .new_Area_span1, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .new_ar2{ font-family:NotoSansKR, 'Apple SD Gothic Neo', sans-serif !important; font-weight:400 !important; } .mapcard2.cx-card .map_area>div>div, .mapcard2.cx-card .map_area .py, .mapcard2.cx-card .map_area .meter, .mapcard2.cx-card .map_area .new_price_text{ font-family:'NotoSansKR-Bold', NotoSansKR, 'Apple SD Gothic Neo', sans-serif !important; font-weight:700 !important; } .mapcard2.cx-card .map_area .new_d_1, .mapcard2.cx-card .map_area .price_title{ font-family:NotoSansKR, 'Apple SD Gothic Neo', sans-serif !important; font-weight:500 !important; } .mapcard2.cx-card .map_name_box>.name{ font-size:15px !important; } .mapcard2.cx-card .map_address{ height:20px !important; font-size:13px !important; line-height:20px !important; color:#2b2f36 !important; } .mapcard2.cx-card .map_address i{ font-size:13px !important; color:#4a4e55 !important; } .mapcard2.cx-card .map_area>div>div{ font-size:13px; line-height:17px; padding:3px 4px 3px 8px !important; } .mapcard2.cx-card .map_area .new_d_1, .mapcard2.cx-card .map_area .price_title{ font-size:12px !important; line-height:14px; color:#33373d !important; } .mapcard2.cx-card .map_area .py, .mapcard2.cx-card .map_area .meter, .mapcard2.cx-card .map_area .new_price_text{ font-size:13px !important; } .mapcard2.cx-card .item_num_box .tag{ font-size:11.5px !important; } .mapcard2.cx-card .item_num_box .tag.tag_id{ font-size:12px !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .item_num_box, #grid_list .mainGrid2.cx-card.mainGrid.card .new_item_numBox2, #grid_list .mainGrid2.cx-card.mainGrid.card .tag_box{ border-radius:0 !important; overflow:visible !important; background:transparent !important; box-shadow:none !important; } .mapcard2.cx-card .item_num_box, .mapcard2.cx-card .new_item_numBox1, .mapcard2.cx-card .tag_box{ border-radius:0 !important; overflow:visible !important; background:transparent !important; box-shadow:none !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_name>.name .cx-notitle, .mapcard2.cx-card .map_name_box>.name .cx-notitle{ color:#9a9da3 !important; font-weight:700 !important; font-size:inherit !important; line-height:inherit !important; font-family:inherit !important; letter-spacing:inherit; display:inline !important; float:none !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_name .scrap + .favorites, .mapcard2.cx-card .map_name_box .scrap + .favorites{ margin-left:-3px !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_name .scrap, #grid_list .mainGrid2.cx-card.mainGrid.card .card_name .favorites, .mapcard2.cx-card .map_name_box .scrap, .mapcard2.cx-card .map_name_box .favorites{ flex:0 0 22px !important; width:22px !important; min-width:22px !important; height:22px !important; box-sizing:border-box; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_name>.name, .mapcard2.cx-card .map_name_box>.name{ white-space:nowrap !important; overflow:hidden !important; text-overflow:clip !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .photo.item_img>div, #grid_list .mainGrid2.cx-card.mainGrid.card .photo.item_img .cx-done, .mapcard2.cx-card .item_img>div, .mapcard2.cx-card .item_img .cx-done{ border-radius:0 !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .photo.item_img>div.cx-done, .mapcard2.cx-card .map_list_right .item_img>div.cx-done{ position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; transform:none !important; display:flex !important; align-items:center !important; justify-content:center !important; background:rgba(22,24,27,.5) !important; z-index:3; } @media (min-width:993px){ /* header 없는(비로그인) 화면: 검색바를 맨 위에 붙이고 헤더용 예약 여백 제거, 검색바 높이만큼만 목록 내림. 로그인(header 있음) 화면은 스크립트 레이아웃 그대로 */ /* 관리자 검색필터(.buliging_search_wrap, 높이 200px 안팎)가 있는 화면은 제외 — 헤더 없는 사이트(header_style≠1)에서 관리자로 /grid 를 열면 목록이 53px 만 내려가 툴바·카드가 필터 밑에 깔렸다. 관리자 화면은 기존 스크립트 레이아웃(본문을 필터 높이만큼 내림)으로 둔다. 2026-10-11 */ body:not(:where(.bgs-has-header), bgs-spec):not(.bgs-has-bsw):is(.bgs-has-cxgrid, #bgs-spec.bgs-spec.bgs-spec) #form_search.fixed{ top:0 !important; } body:not(:where(.bgs-has-header), bgs-spec):not(.bgs-has-bsw):is(.bgs-has-cxgrid, #bgs-spec.bgs-spec.bgs-spec) .body_wrap{ margin-top:0 !important; } body:not(:where(.bgs-has-header), bgs-spec):not(.bgs-has-bsw) .grid_list_wrap:has(> #grid_list .mainGrid2.cx-card){ padding-top:var(--catx-grid-filter-offset, 53px) !important; } body:is(.bgs-has-cxgrid, #bgs-spec.bgs-spec.bgs-spec) #form_search .map_search_btn.move_map{ display:none !important; } } #form_search .admin_search_box{ border-radius:2px !important; } #form_search .search_input{ border-radius:2px !important; } #form_search .map_search_btn.all_filter, #form_search .map_search_btn.move_map, #form_search .btn.dropdown-toggle, #form_search .btn.btn-default, #form_search .map_search_btn > .btn{ border-radius:2px !important; border-color:#B8C2D1 !important; } #form_search .map_search_btn.all_filter:hover, #form_search .btn.dropdown-toggle:hover, #form_search .btn.btn-default:hover{ border-color:#13336B !important; } #form_search .search_input{ display:flex !important; align-items:stretch; height:32px !important; overflow:hidden; background:#fff !important; border:1px solid #0062cf !important; border-radius:2px !important; } #form_search .search_input input{ flex:1 1 auto; min-width:0; height:100% !important; background:#fff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; outline:0; color:#16181b !important; padding:0 10px !important; } #form_search .search_input input::placeholder{ color:#9a9da3; } #form_search .search_input > span{ flex:0 0 34px; display:flex !important; align-items:center; justify-content:center; width:34px !important; background:#0062cf !important; cursor:pointer; } #form_search .search_input > span:hover{ filter:brightness(.9); } #form_search .search_input > span i{ color:#fff !important; font-size:13px !important; } #form_search .inside_num_wrap, .admin_map_wrap .inside_num_wrap{ display:inline-flex; vertical-align:top; align-items:stretch; height:32px !important; overflow:hidden; background:#fff !important; border:1px solid #e6325c !important; border-radius:2px !important; } #form_search .inside_num_wrap input, .admin_map_wrap .inside_num_wrap input{ flex:1 1 auto; min-width:0; width:auto !important; height:100% !important; background:#fff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; outline:0; color:#16181b !important; padding:0 10px !important; } #form_search .inside_num_wrap input::placeholder, .admin_map_wrap .inside_num_wrap input::placeholder{ color:#e6325c; } #form_search .inside_num_wrap > span, .admin_map_wrap .inside_num_wrap > span{ flex:0 0 34px; width:34px !important; height:auto !important; display:flex !important; align-items:center; justify-content:center; margin:0 !important; background:#e6325c !important; cursor:pointer; } #form_search .inside_num_wrap > span:hover, .admin_map_wrap .inside_num_wrap > span:hover{ background:#c9204a !important; } #form_search .inside_num_wrap > span i, .admin_map_wrap .inside_num_wrap > span i{ color:#fff !important; font-size:13px !important; } body.bgs-insidenum-on.bgs-insidenum-on .move_btn.map_move_btn i, body.bgs-insidenum-on.bgs-insidenum-on .move_btn.grid_move_btn i{ background:#13336B !important; border-color:#13336B !important; color:#fff !important; } .map_get_list{ display:flex !important; align-items:center; justify-content:center; min-height:42px; box-sizing:border-box; } .map_get_list .loc_title{ font-size:15px !important; font-weight:700 !important; line-height:1; } .map_get_list .map_list_count{ display:inline-flex !important; align-items:center; height:20px; padding:0 2px 0 8px !important; margin-left:6px !important; background:#0062cf !important; color:#fff !important; border-radius:2px 0 0 2px; font-size:13px !important; font-weight:800 !important; line-height:1 !important; vertical-align:middle; } .map_get_list .map_list_count + span{ display:inline-flex !important; align-items:center; height:20px; padding:0 8px 0 0 !important; margin:0 !important; background:#0062cf !important; color:#fff !important; border-radius:0 2px 2px 0; font-size:12px !important; font-weight:700 !important; line-height:1 !important; vertical-align:middle; } body.bgs-insidenum-on.bgs-insidenum-on #form_search .search_input{ border-color:#13336B !important; } body.bgs-insidenum-on.bgs-insidenum-on #form_search .search_input > span{ background:#13336B !important; } body.bgs-insidenum-on.bgs-insidenum-on .map_get_list .map_list_count, body.bgs-insidenum-on.bgs-insidenum-on .map_get_list .map_list_count + span{ background:#13336B !important; } @media (min-width:993px){ #grid_list .mainGrid2.cx-card{ width:calc((100% - 24px) / 4) !important; margin-right:8px !important; } #grid_list .mainGrid2.cx-card:nth-child(4n){ margin-right:0 !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .photo.item_img{ aspect-ratio:4/3 !important; height:auto !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .tag_box>.tag{ height:24px; padding:0 8px !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .item_num_box .tag{ height:22px; padding:0 8px !important; font-size:10.5px !important; font-weight:600; } #grid_list .mainGrid2.cx-card.mainGrid.card .item_num_box .tag.tag_item_id{ border-color:#f7156a !important; color:#f7156a !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_contents{ display:flex !important; flex-direction:column; gap:4px; padding:12px 14px !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_address{ display:flex !important; flex-direction:column; gap:4px; margin:0 !important; padding:0 !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_name{ gap:8px; min-height:22px; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_name>.name{ font-size:14.5px !important; font-weight:800 !important; letter-spacing:-.02em; } #grid_list .mainGrid2.cx-card.mainGrid.card .card_name>.status{ height:20px; padding:0 6px; font-size:10.5px !important; line-height:18px; } #grid_list .mainGrid2.cx-card.mainGrid.card .price_box{ height:auto !important; margin:0 !important; gap:7px; align-items:baseline; } #grid_list .mainGrid2.cx-card.mainGrid.card .price_box>div{ gap:4px; line-height:28px !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .price_box span{ font-size:23px !important; font-weight:800 !important; letter-spacing:-.03em; line-height:28px !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .price_box span.cx-noprice{ font-size:20px !important; font-weight:700 !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .address{ height:18px !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; outline:0 !important; box-shadow:none !important; border-radius:0 !important; gap:6px; font-size:12px !important; font-weight:500; color:#6b6e73 !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .address i{ color:#6b6e73 !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .area_box{ margin:0 !important; padding:0 !important; gap:1px !important; background:#C9D2E0 !important; border-top:1px solid #C9D2E0 !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .area_box>div>div{ background:#fff !important; padding:7px 12px !important; border:0 !important; gap:1px; font-weight:800; } #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .new_Area_span1, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .new_ar2{ font-size:10.5px !important; font-weight:400 !important; color:#9a9da2 !important; line-height:13px; } #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .py, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .meter, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .price_t_profit, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box div>span:not(:first-child){ font-size:12.5px !important; font-weight:800 !important; letter-spacing:-.01em; line-height:16px; } } @media (max-width:992px){ #grid_list:has(> .mainGrid2.cx-card){ padding:8px !important; background:#dfe5ee !important; box-sizing:border-box; } #grid_list .mainGrid2.cx-card{ flex-direction:row !important; width:100% !important; margin:0 0 8px !important; } .mainGrid2.cx-card .photo.item_img{ flex:0 0 150px !important; width:150px !important; height:150px !important; aspect-ratio:auto; border-bottom:0 !important; border-right:1px solid #C9D2E0 !important; } .mainGrid2.cx-card .card_content_wrap{ height:150px; overflow:hidden; } .mainGrid2.cx-card .card_contents{ flex:1 1 auto !important; min-height:0; overflow:hidden; } .mainGrid2.cx-card .area_box{ flex:0 0 auto !important; } #grid_list .mainGrid2.cx-card.mainGrid .card_address{ margin:0 !important; padding:0 !important; } #grid_list .mainGrid2.cx-card.mainGrid .address{ margin:1px 0 2px !important; } #grid_list .mainGrid2.cx-card.mainGrid .area_box{ gap:0 !important; row-gap:0 !important; column-gap:0 !important; padding:0 !important; margin-top:auto !important; } /* 모바일 목록: 고정 검색바(80)+물건리스트 바(40) 아래에서 시작 */ #grid_list:has(> .mainGrid2.cx-card){ padding-top:128px !important; } /* 모바일 헤더 버튼(지도 아이콘·정렬·㎡) 모서리 2px */ .move_btn.grid_move_btn, .move_btn.grid_move_btn i, .move_btn.map_move_btn, .move_btn.map_move_btn i, .map_search_btn.reset_btn, .map_search_btn.reset_btn i, .grid_list_title .align, .grid_list_title .py_ch{ border-radius:2px !important; } /* 검색바와 물건리스트 바 사이 구분선 */ body:is(.bgs-has-cxgrid, #bgs-spec.bgs-spec.bgs-spec) .grid_list_title{ border-top:1px solid #C9D2E0 !important; box-sizing:border-box; } /* 모바일 카드 스펙 값 크기 통일(11px): 상위 특이도 규칙이 평 값만 12px로 키우던 문제 */ #grid_list .mainGrid2.cx-card.mainGrid.card .area_box>div>div, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .py, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .meter, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .price_t_profit, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box div>span:not(:first-child){ font-size:11px !important; line-height:13px !important; } #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .new_Area_span1, #grid_list .mainGrid2.cx-card.mainGrid.card .area_box .new_ar2{ font-size:10px !important; line-height:11px !important; } .mainGrid2.cx-card .card_contents{ padding:6px 10px 0 !important; } .mainGrid2.cx-card .card_name{ min-height:0; height:22px !important; } .mainGrid2.cx-card .card_name>.name{ font-size:13px !important; line-height:20px; } .mainGrid2.cx-card .price_box{ height:22px !important; margin-top:1px !important; } .mainGrid2.cx-card .price_box>div{ line-height:20px !important; } .mainGrid2.cx-card .price_box span{ font-size:15px !important; line-height:20px !important; } .mainGrid2.cx-card .price_box span.cx-noprice{ font-size:14px !important; } .mainGrid2.cx-card .address{ height:16px !important; font-size:11px !important; line-height:16px !important; } .mainGrid2.cx-card .area_box{ grid-template-rows:39px 39px !important; } .mainGrid2.cx-card .area_box>div>div{ padding:6px 8px; font-size:11px; line-height:13px; } .mainGrid2.cx-card .area_box .new_Area_span1, .mainGrid2.cx-card .area_box .new_ar2{ line-height:11px; } .mainGrid2.cx-card .area_box .py, .mainGrid2.cx-card .area_box .meter, .mainGrid2.cx-card .area_box .price_t_profit, .mainGrid2.cx-card .area_box div>span:not(:first-child){ font-size:11px !important; } .mainGrid2.cx-card .tag_box>.tag{ height:20px; font-size:10px !important; padding:0 6px !important; } .mainGrid2.cx-card .item_num_box .tag{ height:18px; font-size:9px !important; padding:0 6px !important; } } .map_list_title>.map_title_R>*, .grid_list_wrap .grid_result_actions>*{ transition:background-color .15s, border-color .15s, color .15s, box-shadow .15s; } .map_list_title>.map_title_R>*:hover, .map_list_title>.map_title_R>.align.on, .grid_list_wrap .grid_result_actions>*:hover, .grid_list_wrap .grid_result_actions>*:focus-within{ background:#13336B !important; border-color:#13336B !important; color:#fff !important; box-shadow:0 2px 6px rgba(19,51,107,.25); } .map_list_title>.map_title_R>*:hover>i, .map_list_title>.map_title_R>*:hover>span, .map_list_title>.map_title_R>.align.on>i, .grid_list_wrap .grid_result_actions>*:hover>i, .grid_list_wrap .grid_result_actions>*:hover>span, .grid_list_wrap .grid_result_actions>*:focus-within>i{ color:#fff !important; } .map_list_title>.map_title_R>*:active, .grid_list_wrap .grid_result_actions>*:active{ background:#0F2A58 !important; border-color:#0F2A58 !important; box-shadow:none; } .map_list_title .align_dropdown, .map_list_title .align_dropdown li, .grid_list_wrap .align_dropdown li{ color:#16181b; } .price_sell{color: #e10909;} .price_py{color: #84cc02;} .profit{color: #1ca5f3;} .price_month_deposit{color: #84cc02;} .price_month_rent{color: #84cc02;} .price_manage{color: #1ca5f3;} .price_premium, .price_month_fixed{color: #e10909;} .filter_table_wrap{ border:1px solid #ddd; } .mainGrid2.mainGrid.card{ border-radius:10px !important; } .mainGrid2 .item_img>div{ border-radius:10px 10px 0 0; } .mainGrid2 .new_item_numBox2{ padding:10px !important; } .mainGrid2 .new_item_numBox2 .tag_id{ background:rgba(255,255,255,.96) !important; border-color:#0062cf !important; color:#0062cf !important; font-weight:700; box-shadow:0 1px 3px rgba(0,0,0,.12); } .mainGrid2 .card_name > .name{ font-size:14px; } .mainGrid2 .card_name > .satus{ font-size:13px; } .mainGrid2 .price_box>div:not(:last-child):after{ content:none !important; } .mainGrid2 .new_priceTxt1{ color: #e10909; font-size:17px !important; } .mainGrid2 .new_priceTxt2{ color: #84cc02; font-size:17px !important; } .new_moblie_priceBox div .new_priceTxt2{ color: #84cc02; } .mainGrid2 .price_box .price_t_sell{ color:#000; } .mainGrid2 .new_priceSlash { font-size: 17px; padding: 0 5px; font-weight: 600; } .mainGrid2 .price_box .price_t_month_deposit, .price_box .price_t_month_rent{ font-family: 'NotoSansKR-Bold'; color:#000; font-size:18px !important; font-weight: bold; } .mainGrid2 .new_priceNo{ font-size: 17px !important; } .mainGrid2 .card_address .address{ font-size:14px; color:#000; margin-top:5px !important; } .mainGrid2 .card_address .address i{ font-size:14px; color:#000 !important; } .mainGrid2 .new_AreaRow .const_sum{ width:100% !important; } .mainGrid2 .new_Area_span1 { width: 30px !important; font-size:13px; } .mainGrid2 .area_box div>span:not(:first-child){ width:calc(100% - 40px); font-size:13px; font-weight:600; text-overflow: initial; } .mainGrid2 .new_ar2{ width: 35px !important; font-size:13px; } .mainGrid2 .new_AreaRow1, .new_AreaRow2 { display: flex !important; flex-direction: column; } .mainGrid2 .new_ar_Floor{ font-size:13px; overflow:hidden; white-space: nowrap; } @media (min-width:993px) { #grid_list .mainGrid2.mainGrid.card{ background:#fff; border-color:#d7dfe8; overflow:hidden; box-shadow:0 3px 12px rgba(32,45,64,.09); transition:border-color .2s, box-shadow .2s, transform .2s; } #grid_list .mainGrid2.mainGrid.card:hover{ border-color:#0062cf; box-shadow:0 6px 16px rgba(32,45,64,.13); transform:translateY(-2px); } #grid_list .mainGrid2 .item_img{ background-color:#f5f7f9; border-bottom:1px solid #e7ebf0; } #grid_list .mainGrid2 .card_content_wrap{ background:#fff; } #grid_list .mainGrid2.card .card_contents{ width:calc(100% - 24px); margin:10px 12px 0; padding-bottom:8px; border-bottom:0 !important; } #grid_list .mainGrid2 .card_name{ min-height:22px; margin-bottom:2px; } #grid_list .mainGrid2 .card_name > .name{ font-size:15px; font-weight:700; line-height:22px; letter-spacing:-.25px; } #grid_list .mainGrid2 .card_name > .status{ height:20px; padding:0 6px; background:#f4f6f8; border:1px solid #e5eaf0; border-radius:10px; font-size:12px; font-weight:600; line-height:18px; } #grid_list .mainGrid2 .price_box{ min-height:25px; margin-top:1px; line-height:23px; } #grid_list .mainGrid2 .card_address{ margin-bottom:0 !important; } #grid_list .mainGrid2 .card_address .address{ height:25px; margin-top:3px !important; padding:2px 6px; background:#f7f9fb; border:1px solid #e7ecf1; border-radius:4px; color:#364250; font-size:13px; font-weight:500; line-height:19px; letter-spacing:-.2px; } #grid_list .mainGrid2 .card_address .address i{ position:relative; top:2px; margin-right:5px !important; color:#8f9aa8 !important; font-size:13px; } #grid_list .mainGrid2.card .area_box{ padding:8px 12px 9px !important; background:#f7f9fc; border-top:1px solid #e4e9ef; color:#303946; } #grid_list .mainGrid2 .area_box > div{ line-height:18px; } #grid_list .mainGrid2 .area_box div > span:first-child{ color:#687382; } #grid_list .mainGrid2 .area_box div > span:not(:first-child){ color:#222b36; } #grid_list .mainGrid2 .item_img .tag_box > .tag{ box-shadow:0 1px 3px rgba(0,0,0,.14); } } @media (max-width: 992px){ .container{ width:100% !important; } .mainGrid2.mainGrid.card{ border-radius:0 !important; padding:10px 10px 2.5px 10px !important; } .mainGrid2 .item_img>div{ border-radius:10px !important; } .mainGrid2 .area_box { display: grid; grid-template-columns: 1fr 1fr; } .mainGrid2 .grid_list_wrap .card_name>.name{ font-size:14px !important; } .mainGrid2 .grid_list_wrap .card_address .address{ font-size:12px !important; } .mainGrid2 .grid_list_wrap .card_address .address i { font-size:12px !important; } .mainGrid2 .new_ar_Floor{ font-size:13px !important; } .mainGrid2.card .card_contents { margin: 5px 0; width: 100%; } .mainGrid2.card .area_box { width: 100%; padding: 0 0 5px !important; } .mainGrid2.card .area_box { display: flex; flex-flow: wrap row; grid-template-columns: none; } .mainGrid2.card .area_box > div { width: calc((100% - 5px) / 2); padding-right: 0; } .mainGrid2.card .area_box > div:not(:last-child) { margin-right: 5px; } }