* { 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:#163258; 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:#163258; 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:#163258; } .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 #163258; 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:#163258; 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:#163258 !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:#163258; border:1px solid #163258; 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:#163258; } .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:#163258; transition:all .2s; } .item_con_title .item_arrow.on i { color:#163258; } .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 #163258; 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:#163258; 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:#163258; 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(22,50,88,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:#163258; } .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:#163258; } .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_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;} .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: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:0 10px; border-bottom:1px solid #ddd; line-height:50px; float:left; position:relative; z-index:1; } .map_list_title>* { display:inline-block; float:left; } .map_list_title>.map_title_L { font-size:16px; font-weight:bold; } .map_list_title>.map_title_L * { font-size:16px; font-weight:bold; } .map_list_title>.map_title_R { float:right; } .map_list_title>.map_title_R>* { display:inline-block; background:#fff; border:1px solid #ddd; border-radius:40px; line-height:24px; } .map_list_title .align { width:26px; margin-right:5px; text-align:center; cursor:pointer; position:relative; } .map_list_title .align.on, .map_list_title .align:hover { border-color:#163258; transition:all .2s; } .map_list_title .align .align_dropdown { display:none; width:100px; background:#fff; border:1px solid #ddd; border-radius:10px; position:absolute; top:calc(100% + 5px); right:0; overflow:hidden; z-index:1; } .map_list_title .align.on .align_dropdown { display:inline-block; } .align_dropdown li { font-size:14px; line-height:30px; } .align_dropdown li.on { background:#163258; color:#fff; } .map_list_title .py_ch { width:auto; padding:0 10px; cursor:pointer; } .map_list_title .py_ch:hover { border-color:#163258; transition:all .2s; } .map_list_title .py_ch>* { font-size:12px; } .map_list_title .py_ch i { margin-right:5px; } .map_list_title .move_btn { margin-left:5px; padding:0 10px; cursor:pointer; } .map_list_title .move_btn:hover { border-color:#163258; color:#163258; 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:#163258; border-color:#163258; 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:#163258; 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 #163258; 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:#163258; } .media_select_box li.on i { color:#fff; } .media_select_box li.on { background:#163258; 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:#163258; 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:#163258; 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:#163258; border-color:#163258; 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:#163258; } .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 #163258; background:#163258; 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:#163258; transition:all .2s; } .item_content_basic .item_con_title .toji_moveBtn:hover * { color:#163258; transition:all .2s; } /* 토지 */ .item_content_wrap .toji_moveBtn_a { display:inline-block; width:auto; padding:0 10px; border:1px solid #163258; background:#163258; 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:#163258; } .item_content_wrap .toji_moveBtn_a:hover * { color:#163258; 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(22,50,88,.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:#163258; } .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:#163258; cursor:pointer; } #insertItemMeetingForm .modal_box>.btn { display: inline-block; height: 34px; padding: 0; background: #163258; border: 1px solid #163258; line-height: 32px; float: left; color: #fff !important; } #insertItemMeetingForm .modal_box>.btn:hover { background:#fff !important; color:#163258 !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:#163258; color:#163258; 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:#163258; cursor:pointer; } #insertItemMeetingForm .modal_box>.btn { display: inline-block; height: 34px; padding: 0; background: #163258; border: 1px solid #163258; line-height: 32px; float: left; color: #fff !important; } #insertItemMeetingForm .modal_box>.btn:hover { background:#fff !important; color:#163258 !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:#163258 !important; font-size:14px; border:1px solid #163258 !important; color:#fff !important; } #meeting_table .modal_box>.btn:hover { background:#fff !important; color:#163258 !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:#163258; color:#163258; 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 #163258; 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:#163258; float:left; cursor:pointer; } .lease_select>div.on { background:#163258; 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:#163258; color:#163258; 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: #163258; } .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:#163258; 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:#163258; border:1px solid #163258; border-radius:4px; font-weight:bold; line-height:30px; color:#fff; cursor:pointer; } .pagination_box>a>.btn:hover { background:#fff; color:#163258; 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:#163258; color:#fff; font-size:14px; } .real_price_box>.real_price_bottom { padding:10px 15px; background:#f6f6f6; color:#163258; 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_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:#163258; border:1px solid #163258 !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:#163258; 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:#163258; } .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_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:#163258; 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:#163258; 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:#163258; border-color:#163258; float:left; } .modal#modal_filter .modal_footer .btn.btn_search:hover { background:#fff; color:#163258; transition:all .2s; } .modal#modal_filter .modal_footer .btn.btn_search:hover * { color:#163258; } .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:#163258; } .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:#163258; } #modal-call2 .avatarBox>.avater_content h2 * { font-family:NotoSansKR-bolder; font-weight:bolder; font-size:30px; color:#163258; } @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 #163258; background:#163258; 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{ border-radius:10px; } .mapcard2 .map_list_right .item_img{ border-radius:10px; } .mapcard2 .map_list_left{ padding:0; } .mapcard2 .new_item_numBox1{ display: flex !important; flex-direction: column-reverse; align-items: flex-start; gap: 5px; padding:10px !important; } .mapcard2 .tag_id{ border:1px solid #dddddd !important; border-radius: 5px !important; color:#000 !important; font-size:11px !important; } .mapcard2 .tag_item_id{ background:#ffffff !important; border:1px solid #e6325c !important; border-radius:5px !important; font-size:11px !important; } .mapcard2 .ribbon span{ top:15px; } .mapcard2 .new_starWrap{ top:-18px; margin-left:130px; } .mapcard2 .favorites i{ font-size:18px !important; } .mapcard2 .item_img .tag_box{ padding:10px; } .mapcard2 .tag { font-size:12px; } .mapcard2 .recommend{ background:#fee7f0 !important; border:1px solid #f71268 !important; color:#f71268 !important; border-radius:5px !important; } .mapcard2 .exclusive{ background:#fff5e5 !important; border:1px solid #ff9c00 !important; color:#ff9c00 !important; border-radius:5px !important; } .mapcard2 .sudden{ background:#f3fcea !important; border:1px solid #85e034 !important; color:#85e034 !important; border-radius:5px !important; } .mapcard2 .violate{ display:none; background:#0000ff26 !important; border:1px solid #00f !important; color:#00f !important; border-radius:5px !important; } .mapcard2 .scrap { display: none !important; } .mapcard2 .map_name_box > .name{ font-size:14px; color: #000000; } .mapcard2 .map_price_box span.price_title{ width:auto; padding-right:5px; font-size:18px; } .mapcard2 .map_price_box span{ width:auto; font-size:18px; } .mapcard2 .new_slash { padding: 0 5px; } .mapcard2 .map_address{ color:#000 !important; font-size:12px; margin-top:5px; } .mapcard2 .map_address i{ color:#000 !important; font-size:12px; } .mapcard2 .map_area{ display: grid !important; grid-template-columns: 1fr 1fr; border-bottom:0 !important; } .mapcard2 .meter, .mapcard2 .py, .mapcard2 .new_price_text{ font-weight:600; } .mapcard2 .map_area > span{ font-size: 14px; } .mapcard2 .new_detail_leftWrap, .mapcard2 .new_detail_rightWrap { line-height: 15px; } .mapcard2 .new_detail_leftWrap > div:not(:last-child), .mapcard2 .new_detail_rightWrap > div:not(:last-child) { margin-bottom:5px; } .mapcard2 .new_d_1, .mapcard2 .price_title{ padding-right: 5px; } .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:inline-block; width:100%; height:100%; float:left; } .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 .card_name > .name{ font-size:14px; } .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 (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; } }