.moViewBtn{display: none} .moAmtMo{display: none} @media all and (max-width: 1000px) { #header.nomal, #header{width: 100%; height: 60px; position: relative} #header.nomal .logo, #header .logo{height: 60px; width: 185px; padding: 8px 10px; margin: 0 auto; text-align: center;} #header.nomal .logo a h1, #header .logo a h1{font-size: 30px; } #header .logo a p{font-size: 10px;} #manager-nav .navToggle{display: none} .mMenu_btn{display: flex; width: 30px; height: 40px; position: absolute; left: 10px; top: 10px; cursor: pointer; } .mFilter_btn{display: none; width: 30px; height: 40px; position: absolute; right: 10px; top: 10px; cursor: pointer; } .mSch_btn{display: none; width: 30px; height: 40px; position: absolute; right: 10px; top: 10px; cursor: pointer;} .mLogin_btn{display: flex; width: 30px; height: 40px; position: absolute; right: 10px; top: 10px; } .mJoin_btn{display: flex; width: 30px; height: 40px; position: absolute; right: 80px; top: 10px; } .mAgentSch_btn{display: flex; width: 30px; height: 40px; position: absolute; right: 10px; top: 10px; } .mAgentSch_btn.noC, .mMenu_btn.noC, .mFilter_btn.noC, .mFilter_btn.noC, .mLogin_btn.noC, .mSch_btn.noC{opacity: 0.3; pointer-events: none} #gnb{display: none; border-top: 1px solid #eee;} #gnb .depth1 > li.active > p{border-left: 0;} #gnb .depth1 > li > .depth2 > li > a{padding-left: 25px;} #gnb .myMenu{display:block; padding: 20px; background: #fbfbfd; position: relative} #gnb .myMenu .moMenuClose{position: absolute; right: 20px; top: 20px; cursor: pointer} #gnb .myMenu .member{display: flex; gap: 15px;} #gnb .myMenu .member a{display: none} #gnb .myMenu .member .memberName {display: flex; flex-direction: column; justify-content: center} #gnb .myMenu .member .memberName span{display: block;} #gnb .myMenu .member .memberName .btn_myMenu{display: none} #gnb .myMenu .memberMenu p{display: none} #gnb .myMenu .memberMenu ul{display: flex; flex-wrap:wrap; justify-content: center; text-align: center; padding: 10px 0; border-bottom: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; margin-top:10px;} #gnb .myMenu .memberMenu ul li{width:30%; border: 1px solid #ccc; border-radius: 15px; margin: 5px 3px; padding: 2px 1px; color: #6c6969;} #gnb .myMenu .memberMenu ul li a{padding: 5px 0;} #gnb .myMenu .memberMenu .logout{display: inline-block; background: #fbfbfd; height: 40px; line-height: 40px; margin-top: 10px; border: 1px solid #cbcbcb; width: 100%; border-radius: 5px; text-align: center; } .moView{display: block;} .pcView{display: none !important;} .moPc_no{display: inline-block;} .moViewBtn{display: inline-block;} .topInfo_wrap{display: none !important; position: fixed; top: 60px; padding: 10px; left: 0; height: auto; box-shadow: 0px 4px 4px rgb(0 0 0 / 15%); border-top: 1px solid #ddd;} .topInfo_wrap .topInfo_member{display: none;} .topInfo_wrap .topSch_wrap{float: unset; margin: 0;} .topInfo_wrap .topSch_wrap a{display: none} .topInfo_wrap .topSch_wrap div, .topInfo_wrap .topSch_wrap div.on{width: 100%;} #header .btn_jgJoin{display: block !important;position: absolute;margin: 0;background: #ededed;border: 1px solid #cbcbcb;font-size: 12px;padding: 5px 10px;right: 20px;} #header .btn_jgWait{display: block !important;position: absolute;margin: 0;background: #ededed;border: 1px solid #cbcbcb;font-size: 12px;padding: 5px 10px;right: 20px; line-height: 1;} #container{padding: 0;} .contents_wrap.type2{padding-top: 0px; display: flex; flex-direction: column-reverse; position: relative; height: calc( 100vh - 60px ) !important; min-height: auto !important;} .contents_wrap{padding: 20px;} .contentBox.moList{} #footer{padding-left: 20px;} .swiperWrap2, .swiperWrap{width:100%;} .swiper-slide img{width: 100%; height: auto;} .search_box > p{display: none} .group::before{display: none;} .search_box > button{width: auto;} .search_box > span input{width: 100%;} .subSch_bar{display: block} .subSch_bar .select_box > span{margin: 0 0px 2px 0; background-size: 8px} .subSch_bar > div{width: 100%; position: relative} .subSch_bar .select_box .select_box_inner{width: 100% !important;} .search_box {margin-top: 5px; text-align: center} .search_box > span{width: 100%; margin-bottom: 5px;} .search_box > button{ width: calc( 50% - 2px); margin-left: 0; float: left} .search_box > button + button{ width: calc( 50% - 2px); float: right} .subSch_bar .select_box > .select_box_inner > div select{width: calc( 50% - 2px) !important; } .search_boxInner.mobile_mr0 .ckrdWrap .radioStyle{margin-right: 0;} /* 모바일 매물 선택항목 펼치기접기 */ .group{display: block;} .subSch_bar_fold{border: 1px solid #ddd; padding: 3px; border-radius: 5px; margin-bottom: 15px; color: #313942; transition: 0.3s;} .subSch_bar_fold>span:nth-child(1){font-weight: 600; transform: rotate(180deg);} .subSch_bar_fold>span:nth-child(2){font-weight: 500;} .schBar_foldIn{display: none; margin-bottom: 15px; text-align: right; border-bottom: 1px solid #ddd;} .schBar_foldIn.active{display: block;} .schBar_foldIn .select_box{text-align: left;} .schBar_foldIn .ckrdWrap{line-height: 30px;} .schBar_foldIn .srhFoldIn_cancle_btn{position: static; transform: translateY(2px);} .fold_srhBox.search_box>span {width: 70%; margin-bottom: 5px;} .fold_srhBox.search_box>button{width: calc( 28% - 5px); margin-left: 5px; height: 40px; line-height: 35px; float: right;} .subSch_bar_fold.moPc_no{display: block;} /* */ .tab_contents[data-tab='list']{display: none !important;} .tab_contents[data-tab='gallery']{display: block !important;} .tab_sec[data-tab='list'] > .tab_menu, .tab_sec[data-tab='gallery'] > .tab_menu{display: none} .groupItem_wrap .groupItem_list ul li{width: 100%; height: auto; margin: 0; border: 0; padding:10px 0; border-bottom: 1px solid #ddd;} .groupItem_wrap .groupItem_list ul li .chkStyle{display: none} .groupItem_wrap .groupItem_list ul li a {display: flex;} .groupItem_wrap .groupItem_list ul li .img{width: 80px; height: 80px; margin:auto 0;} .groupItem_wrap .groupItem_list ul li .info{ width: calc( 100% - 100px ); min-height: auto; padding: 0 10px; } .groupItem_wrap .groupItem_list ul li .info .title{font-size: 12px;} .groupItem_wrap .groupItem_list ul li .info .title .gallCost{font-size: 15px; font-weight: 700; text-overflow: ellipsis; overflow: hidden;} .groupItem_wrap .groupItem_list ul li .img img{max-height: 100px} .groupItem_wrap .groupItem_list ul li .info .area{font-size: 12px; margin-top: 5px;} .groupItem_wrap .groupItem_list ul li .info .area p{line-height: 1.4; padding: 0} .groupItem_wrap .groupItem_list ul li .info .stat span{padding: 0 5px;} .url_box{margin-right: 3px;} .detailToptit > .b_title > h3{margin: 6px 0;} /* .detailToptit > .b_title > .desc{font-size: 13px;} .detailToptit > .b_title > .desc span{display: block;} .detailToptit > .b_title > .desc > span + span{margin-top:5px;} */ .detailToptit > .b_title > .desc > span + span::before{display: none;} /* 회사정보관련수정 담비-- */ .trdCpn::before{display: none;} .detailToptit > .b_title > .desc{font-size: 13px; display: flex; flex-wrap: wrap; position: relative;} .detailToptit > .b_title > .desc > span:nth-child(-n+5){padding-right: 20px;} .trdCpn{position: absolute; bottom: -10%; right: 0; width: 65px; z-index: 55;} .cpnBtnIn{position: absolute; top: 100%; left: -237%; width: 260px;} .trdHeig{padding-bottom: 0;} /* 여기까지 */ .detailTopcont{margin-top: 10px;} .detailTopcont > .txt{width:100%; float: unset; margin: 15px 0;} .detailTopcont > .txt > div{margin-bottom: 10px;} .detailTopcont > .photo{ width: 100%; position: relative; height: 250px;} .detailTopcont > .map{ width: 100%; position: relative; height: 250px; } .detailToptit > .b_title .bookmark_wrap{top: 0;} .detailTopcont > .txt > div.column2{display: block} .detailTopcont > .txt > div.column2 > div{overflow: hidden; margin-bottom: -5px} .detailTopcont > .txt > div.column2 > div:nth-last-child(1){margin-bottom: 0px} .slide_inner{width: 90%; text-align: center;} .slide_inner iframe{width: 360px !important; height: 240px !important;} .tabmenu_wrap{margin-bottom: 5px; position: relative;} .tabmenu_wrap ul{white-space: nowrap; overflow: hidden; overflow-x: auto} .tabmenu_wrap ul li{float: unset; display: inline-block;} .tabmenu_wrap.mo_Tabmenu ul li{border: 1px solid #ddd; border-bottom: 0; border-radius: 15px 15px 0 0;} .tabmenu_wrap ul li.active, .tabmenu_wrap ul li.active a{border: 1px solid #e51414;} .content_bottom{display: flex; justify-content: center;} .layerPopup_wrap .layerPopup{max-width:90%; width:90%; height:90%; overflow-y:auto;} .layerPopup.mini_pop{height: auto;} /* 동영상/이미지 등록 팝업은 내용이 적어 위 height:90% 고정값이면 아래가 크게 비어보인다. 내용 높이에 맞추고 화면을 넘을 때만 스크롤되도록 한다. (modal5 는 건축물대장 팝업에서도 쓰이므로 전용 클래스로 한정한다) */ .layerPopup_wrap .layerPopup.mediaUploadPop{height: auto; max-height: 90%;} .amt_pop_btn{margin: 30px auto;} .contents_wrap{padding: 20px;} body:not(.main) .mFilter_btn{display: none;} colgroup, colgroup col{display: none;} .basicTable, .basicTable tbody, .basicTable thead, .basicTable tr, .basicTable tbody th, .basicTable tbody td{ display: block; /* width: 100%; */ box-sizing: border-box; } .basicTable.basicTable_flex tr{display: flex; flex-wrap: wrap;} .basicTable.view.basicTable_flex tbody th, .basicTable.write.basicTable_flex tbody th{width: 40%; border-right: 0; border-top: 0;} .basicTable.view.basicTable_flex tbody td, .basicTable.write.basicTable_flex tbody td{width: 60%; border-left: 0; border-top: 0; padding: 10px;} .basicTable.write.basicTable_flex tbody .flex_100{width: 100%; border-width: 0 1px 1px 1px;} .mo_td_flex{display: flex !important;} .basicTable.view tbody td, .basicTable.view tbody th{ border-top: 0; } .basicTable.view { border-top: 1px solid #e3e4e9; } /* 기본물건그룹/호층물건그룹 상세: 표 대신 "라벨(bold) : 값" 을 한 줄씩 (포함물건 스타일) */ /* 여러 테이블(mt20)·행 사이 빈 여백 제거 → 빈 행 없이 연속 표시 */ .basicTable.view.grpDetailFlat{margin-top: 0; border-top: 0;} .basicTable.view.grpDetailFlat tbody tr{display: block; border-bottom: 0; padding: 0;} .basicTable.view.grpDetailFlat tbody th{display: inline; width: auto; padding: 0; border: 0; font-weight: bold; color: #333; text-align: left; line-height: 1.9;} .basicTable.view.grpDetailFlat tbody th:before{content: "\A"; white-space: pre;} .basicTable.view.grpDetailFlat tbody th:first-of-type:before{content: none;} .basicTable.view.grpDetailFlat tbody th:after{content: " : ";} .basicTable.view.grpDetailFlat tbody td{display: inline; width: auto; padding: 0; border: 0; text-align: left; color: #1e1e1e; line-height: 1.9;} .tableBox:before{display: none;} .basicTable.list thead{display: none;} .basicTable.list tbody tr{padding-bottom: 15px; border-bottom: 1px solid #e3e4e9; padding-top: 15px;} .basicTable.list tbody td{border-bottom: 0; text-align: left; padding: 3px 0;} .mo_customer_subtit{display: none;} /* 관계인 레이아웃 - 담비 */ .basicTable.list.moTrading_Pcc tbody td{border-bottom: 0; text-align: left; padding: 0;} .basicTable.moTrading_Pcc .relatedPersonList{margin-top: 15px; border: 1px solid #e3e4e9; border-radius: 7px; padding: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(1){flex:10%; order: 0;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(6){order: 2; margin-left: 10%; font-size: 24px; font-weight: 700; transition: 0.3s;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(7){order: 1; flex: 90%; font-weight: 500; transition: 0.35s;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(8){order: 3; margin-left: 10px; color: #999; font-weight: 500;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(9){ order: 4; margin-left: 5px; color: #999; font-weight: 500;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(10){order: 6; flex: 90%; margin-left: 10%; font-size: 13px; font-weight: 500; color: #999; transform: translatey(-4px);} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(11){order: 7; margin-left: auto;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(12){order: 5; margin-left: 5px; color: #999; font-weight: 500;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(13){order: 8; margin: auto;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(14), .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(15){display: none;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(9):before{content: '/'; margin-right: 5px;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(12):before{content: '/'; margin-right: 5px;} .phone_shield{font-size: 16px;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(11)>a{padding: 0 12px;width: 104px;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(13)>a{background-color: #c12323; border: 1px solid #c12323; padding: 0 12px;} .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(6):hover, .basicTable.moTrading_Pcc .relatedPersonList>td:nth-child(7):hover{color: #2b77f8;} .btn.sizeM.mosizeM{width: 100px;} /* 담당자 레이아웃 - 담비 */ .basicTable.moTrading_Ag .trading_agent_list>tr{margin-top: 15px; border: 1px solid #e3e4e9; border-radius: 7px; padding: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; position: relative;} .basicTable.moTrading_Ag .trading_agent_list>tr>td:nth-child(3){font-size: 24px; font-weight: 700; margin-left: 10px;} .basicTable.moTrading_Ag .trading_agent_list>tr>td:nth-child(4){font-size: 18px; font-weight: 500; margin: 5px 0 0 10px;} .basicTable.moTrading_Ag .trading_agent_list>tr>td:nth-child(5){position: absolute; top: 0; right: 10px; color: #999; padding: 1px 0;} .basicTable.moTrading_Ag .trading_agent_list>tr>td:nth-child(6){position: absolute; top: 0; right: 90px; color: #999; padding: 1px 0;} /* 관련자료 */ .basicTable.moRelated_Data .related_data_list{margin-top: 15px; border: 1px solid #e3e4e9; border-radius: 7px; padding: 15px 10px 30px 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; position: relative;} .basicTable.moRelated_Data .related_data_list>td:nth-child(3){margin-left: 10px; transform: translateY(2px);} .basicTable.moRelated_Data .related_data_list>td:nth-child(4){display: flex; order: 1; position: absolute; bottom: 0; right: 10px;} .basicTable.moRelated_Data .related_data_list>td:nth-child(5){transform: translateY(2px);} .basicTable.moRelated_Data .related_data_list>td:nth-child(6){font-size: 16px; font-weight: 500; line-height: 1; word-break: break-all; width:100%;} .basicTable.moRelated_Data .related_data_list>td:nth-child(7){position: absolute; top: 1px; right: 126px; color: #999; padding: 1px 0;} .basicTable.moRelated_Data .related_data_list>td:nth-child(8){position: absolute; top: 1px; right: 10px; color: #999; padding: 1px 0;} /* 영업일기 */ .basicTable.mosales_Note .dirList{margin-top: 15px; border: 1px solid #e3e4e9; border-radius: 7px; padding: 15px 10px 15px 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; position: relative;} .tab_contents[data-tab="sales"] .basicTable tr > td:nth-child(6){position: absolute; top: 0; right: 10px;} .tab_contents[data-tab="sales"] .basicTable tr > td:nth-child(7){position: absolute; top: 0; right: 90px;} .tab_contents[data-tab="sales"] .basicTable tr > td:before{ font-weight: bold;} .tab_contents[data-tab="sales"] .basicTable tr > td:nth-child(3):before{content: "관계인 : ";} .tab_contents[data-tab="sales"] .basicTable tr > td:nth-child(4):before{content: "영업활동 : ";} .tab_contents[data-tab="sales"] .basicTable tr > td:nth-child(5):before{content: "계획사항 : ";} .tab_contents[data-tab="sales"] .basicTable tr > td:nth-child(6):before{content: " / ";} .tab_contents[data-tab="sales"] .basicTable tr > td:nth-child(7):before{content: "";} /* 개선의견 반응형 수정 - 노담비 */ /* 목록 */ .basicTable.imporvingTh thead{display: block;} .basicTable.imporvingTh thead>tr{display: flex; align-items: center; box-sizing: border-box; overflow: hidden;} .basicTable.imporvingTh>thead>tr>th:nth-child(1){flex: 1;}/* 전체선택 */ .basicTable.imporvingTh>thead>tr>th:nth-child(3){flex: 1;} .basicTable.imporvingTh>thead>tr>th:nth-child(4){flex: 8;} .basicTable.imporvingTh>thead>tr>th:nth-child(2), .basicTable.imporvingTh>thead>tr>th:nth-child(n+5){display: none;} /* 게시글 */ .basicTable.imporvingTh tbody.imporvingLt tr{border-bottom: 1px solid #e3e4e9; padding: 5px 0; display: flex; align-items: center; align-content: center; width: 100%; height: 110px; overflow: hidden; flex-wrap: wrap; margin: 7px 0; position: relative;} .itt>a{display: flex; justify-content: flex-start; align-items: center; width: 92%; height: 60px;text-align: left; padding: 0 10px; box-sizing: border-box; transition: 0.3s; font-weight: 500;} .itt>a:hover{color: royalblue; text-decoration: underline;} .basicTable.imporvingTh tbody.imporvingLt td{border-bottom: 0; text-align: center; overflow: hidden; color: #666;} .basicTable.imporvingTh tbody.imporvingLt td:first-child{position: absolute; width: 10%; transform: translateY(-38px);}/*admin체크박스 */ .basicTable.imporvingTh tbody.imporvingLt td:nth-child(2){flex: 10%; transform: translateY(12px); order: 0;} .basicTable.imporvingTh tbody.imporvingLt td:nth-child(3){flex: 10%; order: 1;} .basicTable.imporvingTh tbody.imporvingLt td:nth-child(4){flex: 70%; order: 3;} /* .basicTable.imporvingTh tbody.imporvingLt td:nth-child(5){flex: 10%; order: 4; font-size: 12px;} */ .basicTable.imporvingTh tbody.imporvingLt td:nth-child(5){position: absolute; display: inline-block; width: 10%; top: 29px; right: 0; font-size: 12px;} .basicTable.imporvingTh tbody.imporvingLt td:nth-child(6){flex: 30%; transform: translateY(-20px); order: 5;} .basicTable.imporvingTh tbody.imporvingLt td:nth-child(7){flex: 10%; order: 2; transform: translateY(13px);} .basicTable.imporvingTh tbody.imporvingLt td:nth-child(8){flex: 35%; order: 6; text-align: right;} .basicTable.imporvingTh tbody.imporvingLt td:nth-child(9){display: none;} .basicTable.imporvingTh tbody.imporvingLt td:nth-child(10){flex: 35%; order: 7;} .basicTable.imporvingTh tbody.imporvingLt td:nth-child(5):after{content: '\0029'; margin-left: 2px;} .basicTable.imporvingTh tbody.imporvingLt td:nth-child(5)::before{content: '\0028'; margin-right: 2px;} /* 상세페이지 금액정보탭 */ .basicTable.mo_Trading_Am .trading_amount_list tr{border-bottom: 1px solid #e3e4e9; padding: 20px 10px 25px; display: flex; flex-wrap: wrap; justify-content: left; position: relative;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td{padding: 1px 0; margin-right: 5px;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(2){transform: translateY(3px);} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(3){position: absolute; bottom: 1px; right: 10px;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(4){order: 1;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(6){order: 3; width: 100%; font-size: 18px; font-weight: 600; color: #333;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(7){order: 4;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(8){order: 5;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(9){order: 6;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(10){order: 7;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(11){order: 8;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(12){order: 2;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(13){order: 9;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(14){position: absolute; top: 5px; right: 90px;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(15){position: absolute; top: 5px; right: 10px;} /* 금액정보(모바일): 빈 셀 숨김 + 임대 금액 크게 표시 + 보증금/월세 라벨 제거 */ .basicTable.list.mo_Trading_Am tbody.trading_amount_list td.moEmpty{display: none;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td.moRentalBig{order: 3; width: 100%; font-size: 18px; font-weight: 600; color: #333;} .basicTable.list.mo_Trading_Am tbody.trading_amount_list td:nth-child(7):before{content: "";} /* 상세페이지 금액정보탭 호층(GT02) 카드형 */ .basicTable.mo_Trading_AmH .trading_amount_list tr{border-bottom: 1px solid #e3e4e9; padding: 20px 10px 25px; display: flex; flex-wrap: wrap; justify-content: left; position: relative;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td{padding: 1px 0; margin-right: 5px;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(2){transform: translateY(3px);} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(3){position: absolute; bottom: 1px; right: 10px;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(4){order: 1;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(5){display: none;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(9){display: none;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(10){order: 2;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(11){display: none;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(12){order: 4; width: auto; font-size: 18px; font-weight: 600; color: #333;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(13){order: 4; width: auto; font-size: 18px; font-weight: 600; color: #333;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(14){order: 4; width: auto; font-size: 18px; font-weight: 600; color: #333;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(15){order: 4; width: auto; font-size: 18px; font-weight: 600; color: #333;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(16){order: 5;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(17){order: 6;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td:nth-child(18){position: absolute; top: 5px; right: 10px;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td.moEmpty{display: none !important;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td.moAmtFirst{order: 4; width: 100%; font-size: 18px; font-weight: 600; color: #333;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td.moAmtFirst::before{content: "" !important;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td.moAmtFirst .moAmtPc{display: none;} .basicTable.list.mo_Trading_AmH tbody.trading_amount_list td.moAmtFirst .moAmtMo{display: inline;} /* 금액정보등록팝업 */ .modal14 .divWrap{overflow: hidden;} .modal14 .ckrdWrap{display: flex; justify-content: left;} .mo_flex{display: flex !important;} .modal14 .chkStyle{margin: 0 5px 0 0;} .mo_flexWrap{display: flex; justify-content: left; flex-wrap: wrap;} .mo_w145{width: 145px !important;} .mo_w40{width: 40px !important;} .mo_w55{width: 55px !important;} .mo_w80{width: 80px !important;} .mo_w95{width: 95px !important;} .mb10{margin-bottom: 10px;} .modal14 .unitbox.box2 + .unitbox.box2{margin-top: 0;} input.mo_w70p[type=text]{width: 70%;} .modal14 .basicTable tbody tr{display: flex; flex-wrap: wrap;} .modal14 .basicTable tbody tr th{display: flex; align-items: center; width: 35%; border-width: 0 0 1px 1px;} .modal14 .basicTable tbody tr td{display:flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; width: 65%; border-top: 0;} .modal14 .basicTable tbody .tr_column th{width: 100%; border-width: 0 1px 1px 1px;} .modal14 .basicTable tbody .tr_column td{width: 100%; flex-wrap: nowrap;} .modal14 .n_search > input[type="text"] {width: calc(100% - 63px) !important;} .colspanChange{width: 100%; padding: 0; border: 0;} #bunjiList .basicTable{} #bunjiList .basicTable tr > td{border-left: 0; border-right: 0;} #bunjiList .basicTable tr > td.txC, #bunjiList .basicTable tr > td.txR{text-align: left !important;} #bunjiList .basicTable tr > td:before{ font-weight: bold} #bunjiList .basicTable tr > td:nth-child(1):before{content: "no. : ";} #bunjiList .basicTable tr > td:nth-child(2):before{content: "주소 : ";} #bunjiList .basicTable tr > td:nth-child(3):before{content: "지목 : ";} #bunjiList .basicTable tr > td:nth-child(4):before{content: "토지면적(㎡) : ";} #bunjiList .basicTable tr > td:nth-child(5):before{content: "토지지분(㎡) : ";} #bunjiList .basicTable tr > td:nth-child(6):before{content: "연면적(㎡) : ";} #bunjiList .basicTable tr > td:nth-child(7):before{content: "연면적지분(㎡) : ";} #bunjiList .basicTable tr > td:nth-child(8):before{content: "용도지역 : ";} #bunjiList .basicTable tr > td:nth-child(9):before{content: "공시가계(원) : ";} #bunjiList .basicTable tr > td:nth-child(10):before{content: "공시지가(원/㎡) : ";} /* 합계 행: 각 합계값에 해당 항목 라벨을 표시(데스크탑 컬럼 기준) */ #bunjiList .basicTable .landTbody tr:last-child > td:nth-child(2):before{content: "토지면적(㎡) : " !important;} #bunjiList .basicTable .landTbody tr:last-child > td:nth-child(3):before{content: "토지지분(㎡) : " !important;} #bunjiList .basicTable .landTbody tr:last-child > td:nth-child(4):before{content: "연면적(㎡) : " !important;} #bunjiList .basicTable .landTbody tr:last-child > td:nth-child(5):before{content: "연면적지분(㎡) : " !important;} #bunjiList .basicTable .landTbody tr:last-child > td:nth-child(6){display: none;} #bunjiList .basicTable .landTbody tr:last-child > td:nth-child(7):before{content: "공시가계(원) : " !important;} #bunjiList .basicTable .landTbody tr:last-child > td:nth-child(8):before{content: "공시지가(원/㎡) : " !important;} /* 그룹매물(GT01) 관련지번목록 모바일: 1) 행 구분 가로줄 없이 촘촘하게(기본물건그룹 상세와 동일 톤) 2) 상세페이지에는 합계만 노출 + [관련지번목록 보기] 버튼 3) 버튼 클릭 시 래퍼(.jibunListPop)가 전체화면 팝업으로 전환 (표 DOM은 이동하지 않음) */ .tableBox.gt01-ordered #bunjiList .landTbody > tr{padding: 0; border-bottom: 0;} .tableBox.gt01-ordered #bunjiList .landTbody > tr + tr{margin-top: 12px;} .tableBox.gt01-ordered #bunjiList .landTbody > tr > td, .tableBox.gt01-ordered #bunjiList .landTbody > tr > th{padding: 0; border: 0; line-height: 1.9; text-align: left !important;} .tableBox.gt01-ordered #bunjiList .landTbody > tr > th{background: transparent; color: #333; font-weight: bold;} /* 상세페이지: 합계 행만 노출 */ .tableBox.gt01-ordered #bunjiList .landTbody > tr:not(:last-child){display: none;} .tableBox.gt01-ordered #bunjiList .jibunListOpenBtn{display: inline-block; margin: 10px 2px 5px;} /* 팝업 전환 */ .tableBox.gt01-ordered #bunjiList .jibunListPop.on{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 70; background: #fff; overflow-y: auto; padding: 0 15px 20px; text-align: left;} .tableBox.gt01-ordered #bunjiList .jibunListPop.on .jibunListPop_h{display: block; position: sticky; top: 0; background: #fff; font-size: 20px; font-weight: 700; line-height: 54px; border-bottom: 2px solid #666; z-index: 1;} .tableBox.gt01-ordered #bunjiList .jibunListPop.on .jibunListPop_h .jibunListCnt{font-size: 14px; font-weight: 500; color: #666;} .tableBox.gt01-ordered #bunjiList .jibunListPop.on .jibunListPop_h .close{position: absolute; right: 0; top: 11px; width: 32px; height: 32px; text-indent: -9999px; cursor: pointer;} .tableBox.gt01-ordered #bunjiList .jibunListPop.on .jibunListPop_h .close:after{content: "\e921"; font-family: 'xeicon'; font-size: 20px; line-height: 32px; text-indent: 0; display: block; text-align: center; color: #101010;} .tableBox.gt01-ordered #bunjiList .jibunListPop.on .landTbody > tr{display: block;} /* 팝업 내 합계는 목록과 한 줄로 구분 */ .tableBox.gt01-ordered #bunjiList .jibunListPop.on .landTbody > tr:last-child{margin-top: 12px; padding-top: 10px; border-top: 1px solid #e3e4e9;} /* 목록 팝업 위에서 연 토지이용계획 팝업 — .layerPopup_wrap 이 쌓임맥락이라 z-index 를 올려줘야 보인다 */ .layerPopup_wrap.modal16.overJibunList{z-index: 10001;} /* 포함물건(호층물건그룹) 목록: 모바일에서 항목 라벨 + 값 표시 */ #grpMemberList tbody tr > td{border-left: 0; border-right: 0; text-align: left !important;} #grpMemberList tbody tr > td:before{font-weight: bold;} #grpMemberList tbody tr > td:nth-child(2):before{content: "매물유형/거래형태 : ";} #grpMemberList tbody tr > td:nth-child(3):before{content: "금액 : ";} #grpMemberList tbody tr > td:nth-child(4):before{content: "면적 : ";} #grpMemberList tbody tr > td:nth-child(5):before{content: "제목/주소 : ";} #grpMemberList tbody tr > td:nth-child(6):before{content: "건물명 : ";} #grpMemberList tbody tr > td:nth-child(7):before{content: "동/호수 : ";} #grpMemberList tbody tr > td:nth-child(8):before{content: "담당자 : ";} /* 금액·면적: 값이 1개면 라벨과 같은 줄, 2행 이상이면 둘째 줄부터 들여쓰기 */ #grpMemberList tbody tr > td:nth-child(3), #grpMemberList tbody tr > td:nth-child(4){padding-left: 2.2em; text-indent: -2.2em;} #grpMemberList tbody tr > td:nth-child(3) p, #grpMemberList tbody tr > td:nth-child(4) p{display: inline;} #grpMemberList tbody tr > td:nth-child(3) p + p:before, #grpMemberList tbody tr > td:nth-child(4) p + p:before{content: "\A"; white-space: pre;} /* 제목/주소: 주소 줄은 1em 들여쓰기 */ #grpMemberList tbody tr > td:nth-child(5) p{padding-left: 1em;} .basicTable[aria-label="list_all_matching"]{} .basicTable[aria-label="list_all_matching"] tr > td:before{ font-weight: bold} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(3):before{content: "거래형태 : ";} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(4):before{content: "예산 : ";} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(5):before{content: "면적 : ";} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(6):before{content: "지역 : ";} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(7):before{content: "특징 : ";} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(8):before{content: "매칭보기 : ";} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(9):before{content: "진행상황 : ";} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(10):before{content: "담당자 : ";} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(11):before{content: "고객명 : ";} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(10) br{display: none} .basicTable[aria-label="list_all_matching"] tr > td:nth-child(12):before{content: "조건등록일 : ";} .userInfoOpen{display: inline-block} /* 관계인 */ /* .tab_contents[data-tab="person_concerned"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(6):before{content: "성명 : ";} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(7):before{content: "상호 : ";} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(8):before{content: "관계 : ";} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(9):before{content: "역할 : ";} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(10):before{content: "휴대폰번호 : ";} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(11):before{content: "요청 : ";} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(12):before{content: "구분 : ";} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(13) a{margin: 0;} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(14):before{content: "등록자 : ";} .tab_contents[data-tab="person_concerned"] .basicTable tr > td:nth-child(15):before{content: "등록일 : ";} */ /* 담당자 */ .tab_contents[data-tab="manager"] .basicTable tr > td:nth-child(5):before{content: " / ";} /* .tab_contents[data-tab="manager"] .basicTable tr > td:nth-child(6):before{content: "\0020\002F\0020 ";} */ /* .tab_contents[data-tab="manager"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="manager"] .basicTable tr > td:nth-child(3):before{content: "담당자 : ";} .tab_contents[data-tab="manager"] .basicTable tr > td:nth-child(4):before{content: "전화번호 : ";} .tab_contents[data-tab="manager"] .basicTable tr > td:nth-child(5):before{content: "등록일 : ";} .tab_contents[data-tab="manager"] .basicTable tr > td:nth-child(6):before{content: "등록자 : ";} */ /* 관련자료 */ /* 자료등록 팝업 분류 크기조정 */ .w150.mo_RelatedData{width: 50px !important;} .tab_contents[data-tab="data"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="data"] .basicTable tr > td:nth-child(4):before{content: "사내공개 "; transform: translateY(-3px); margin-right: 5px; font-weight: 500;} .tab_contents[data-tab="data"] .basicTable tr > td:nth-child(8):before{content: " / ";} /* .tab_contents[data-tab="data"] .basicTable tr > td:nth-child(3):before{content: "분류 : ";} .tab_contents[data-tab="data"] .basicTable tr > td:nth-child(4):before{content: "사내공개 : ";;} .tab_contents[data-tab="data"] .basicTable tr > td:nth-child(5):before{content: " ";} .tab_contents[data-tab="data"] .basicTable tr > td:nth-child(6):before{content: "파일명 : ";} .tab_contents[data-tab="data"] .basicTable tr > td:nth-child(7):before{content: " 등록자 : ";} .tab_contents[data-tab="data"] .basicTable tr > td:nth-child(8):before{content: " 등록일 : ";} */ /* 계약일기 */ .tab_contents[data-tab="contract"] .basicTable tr > td:before{ font-weight: bold} /* .tab_contents[data-tab="contract"] .basicTable tr > td:nth-child(1):before{content: "거래구분 : ";} .tab_contents[data-tab="contract"] .basicTable tr > td:nth-child(2):before{content: "계약일 : ";} .tab_contents[data-tab="contract"] .basicTable tr > td:nth-child(3):before{content: "거래금액 : ";} .tab_contents[data-tab="contract"] .basicTable tr > td:nth-child(4):before{content: "중도금 : ";} .tab_contents[data-tab="contract"] .basicTable tr > td:nth-child(5):before{content: "잔금 : ";} .tab_contents[data-tab="contract"] .basicTable tr > td:nth-child(6):before{content: "매도임대인 : ";} .tab_contents[data-tab="contract"] .basicTable tr > td:nth-child(7):before{content: "매수임차인 : ";} .tab_contents[data-tab="contract"] .basicTable tr > td:nth-child(8):before{content: "인도일 : ";} */ /* 금액정보 */ .tab_contents[data-tab="amount_info"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="amount_info"] .basicTable tr > td:nth-child(3):before{content: "사외노출 "; display: inline-block; transform: translateY(-3px);} .tab_contents[data-tab="amount_info"] .basicTable tr > td:nth-child(3) .chkStyle{display: inline-block;} /* .tab_contents[data-tab="amount_info"] .basicTable tr > td:nth-child(5):before{content: "전속여부 : ";} .tab_contents[data-tab="amount_info"] .basicTable tr > td:nth-child(6):before{content: "매매가 : ";} */ .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_Am tr > td:nth-child(7):before{content: "보증금/월세 ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_Am tr > td:nth-child(8):before{content: "수익율 ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_Am tr > td:nth-child(9):before{content: "매매/평 ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_Am tr > td:nth-child(10):before{content: "매매/건물 ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_Am tr > td:nth-child(11):before{content: "임대/평 ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_Am tr > td:nth-child(12):before{content: " / ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_Am tr > td:nth-child(13):before{content: "영업루트 ";} /* .tab_contents[data-tab="amount_info"] .basicTable tr > td:nth-child(14):before{content: "등록자 : ";} */ .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_Am tr > td:nth-child(15):before{content: " / ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_Am tr > td:nth-child(16):before{content: "등록일 : ";} /* 금액정보 호층 */ .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_AmH tr > td:nth-child(10):before{content: " / ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_AmH tr > td:nth-child(12):before{content: "매매 ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_AmH tr > td:nth-child(13):before{content: "보 ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_AmH tr > td:nth-child(14):before{content: "보 ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_AmH tr > td:nth-child(15):before{content: "월 ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_AmH tr > td:nth-child(16):before{content: "관리비: ";} .tab_contents[data-tab="amount_info"] .basicTable.mo_Trading_AmH tr > td:nth-child(17):before{content: "권리금: ";} /* 이미지 */ /* .tab_contents[data-tab="photoMovie"] .basicTable tr > td:before{ font-weight: bold;} .tab_contents[data-tab="photoMovie"] .basicTable tr > td:nth-child(2):before{content: "대표이미지 : ";} .tab_contents[data-tab="photoMovie"] .basicTable tr > td:nth-child(2) .radioStyle{display: inline-block;} .tab_contents[data-tab="photoMovie"] .basicTable tr > td:nth-child(4):before{content: "파일명 : ";} .tab_contents[data-tab="photoMovie"] .basicTable tr > td:nth-child(5):before{content: "공개여부 : ";} .tab_contents[data-tab="photoMovie"] .basicTable tr > td:nth-child(6):before{content: "등록일 : ";} .tab_contents[data-tab="photoMovie"] .basicTable tr > td:nth-child(7):before{content: "작성자 : ";} */ /* 동영상/이미지(모바일): 2컬럼 — 좌측 라벨:값 6행(체크박스+순번 / 제목 / 대표이미지 / 공개여부 / 작성자 / 작성일), 우측 썸네일 이미지(라벨 없음) */ .imgYoutList tr{display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:6px 96px 6px 0; min-height:90px; border-bottom:1px solid #eee;} .imgYoutList tr > td{width:100%; text-align:left; padding:2px 0; border:0;} /* 좌측 1행: 체크박스 + 순번 */ .imgYoutList tr > td:nth-child(1){order:1; width:auto; padding:0; margin-right:8px; display:flex; align-items:center;} /* 체크박스 */ .imgYoutList tr > td:nth-child(2){order:2; width:auto; flex:1; font-weight:bold;} /* 순번 */ .imgYoutList tr > td:nth-child(2):before{content:"순번 : "; font-weight:bold;} /* 좌측 2~6행 라벨:값 */ .imgYoutList tr > td:nth-child(6){order:3; white-space:normal; word-break:break-all;} /* 제목(유튜브 항목만) */ .imgYoutList tr > td:nth-child(3){order:4; display:flex; align-items:center;} /* 대표이미지: 라벨+라디오 한 행 */ .imgYoutList tr > td:nth-child(4){order:5;} /* 공개여부 */ .imgYoutList tr > td:nth-child(8){order:6;} /* 작성자 */ .imgYoutList tr > td:nth-child(7){order:7;} /* 등록일 */ .imgYoutList tr > td:nth-child(6):before{content:"제목 : "; font-weight:bold;} .imgYoutList tr > td:nth-child(3):before{content:"대표이미지 : "; font-weight:bold;} .imgYoutList tr > td:nth-child(4):before{content:"공개여부 : "; font-weight:bold;} .imgYoutList tr > td:nth-child(8):before{content:"작성자 : "; font-weight:bold;} .imgYoutList tr > td:nth-child(7):before{content:"등록일 : "; font-weight:bold;} .imgYoutList tr > td.moFileCell{display:none;} /* 이미지 항목의 파일명 셀은 모바일에서 숨김(제목 라벨도 함께 숨겨짐) */ /* 우측 컬럼: 썸네일 이미지(라벨 없음), 절대배치 */ .imgYoutList tr > td:nth-child(5){position:absolute; top:0; bottom:0; right:0; width:80px; padding:0; display:flex; align-items:center; justify-content:center;} .imgYoutList tr > td:nth-child(5):before{content:none;} .imgYoutList tr > td:nth-child(5) img{width:80px; height:80px;} .imgYoutList .chkStyle{display:flex; align-items:center;} .imgYoutList .chkStyle input[type=checkbox]{height:18px; vertical-align:middle;} .imgYoutList .chkStyle input[type=checkbox]:before{top:0; left:0;} /* 매칭매물 */ #wishMatchList tr > td:before{ font-weight: bold} #wishMatchList tr > td:nth-child(5):before{content: "진행상황 : ";} #wishMatchList tr > td:nth-child(8):before{content: "형태 : ";} #wishMatchList tr > td:nth-child(8) p{display: inline-block;} #wishMatchList tr > td:nth-child(9):before{content: "금액 : ";} #wishMatchList tr > td:nth-child(10):before{content: "면적";} #wishMatchList tr > td:nth-child(11):before{content: "제목";} #wishMatchList tr > td:nth-child(12):before{content: "건물명 : ";} #wishMatchList tr > td:nth-child(13):before{content: "동/호수(해당층) : ";} #wishMatchList tr > td:nth-child(13) p{display: inline-block;} #wishMatchList tr > td:nth-child(14):before{content: "담당자 : ";} #wishMatchList tr > td:nth-child(15):before{content: "금액등록일 : ";} /* 고객관리 */ #customerList[aria-type="normal"] tr, #customerList[aria-type="business"] tr {border-bottom: 1px solid #e3e4e9; margin-top: 15px; border: 1px solid #e3e4e9; border-radius: 7px; padding: 15px 10px 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; position: relative;} #customerList[aria-type="normal"] tr > td:before{ font-weight: bold;} #customerList[aria-type="normal"] tr > td:nth-child(1){display: none;} #customerList[aria-type="normal"] tr > td:nth-child(2){display: none;} #customerList[aria-type="normal"] tr > td:nth-child(3){order: 1; margin-left: 3%; font-size: 20px; font-weight: 700; transition: 0.3s; padding: 0;} #customerList[aria-type="normal"] tr > td:nth-child(4){order: 0; flex: 90%; font-weight: 500; transition: 0.35s; margin-left: 3%; padding: 0; transform: translateY(3px);} #customerList[aria-type="normal"] tr > td:nth-child(5){order: 2; margin-left: 10px; color: #999; font-weight: 500; padding: 0;} #customerList[aria-type="normal"] tr > td:nth-child(6){order: 3; margin-left: 5px; color: #999; font-weight: 500; padding: 0;} #customerList[aria-type="normal"] tr > td:nth-child(6):before{content: '/'; margin-right: 5px;} #customerList[aria-type="normal"] tr > td:nth-child(7){order: 4; flex: 90%; margin-left: 3%; font-size: 13px; font-weight: 500; color: #999; transform: translatey(-4px); padding: 0;} #customerList[aria-type="normal"] tr > td:nth-child(8){position: absolute; top: 0; right: 90px; color: #999; padding: 1px 0;} #customerList[aria-type="normal"] tr > td:nth-child(9){position: absolute; top: 0; right: 10px; color: #999; padding: 1px 0;} #customerList[aria-type="normal"] tr > td:nth-child(9):before{content: '/'; margin-right: 3px;} /* #customerList[aria-type="normal"] tr > td:nth-child(2):before{content: "이름 : ";} #customerList[aria-type="normal"] tr > td:nth-child(3):before{content: "회사명 : ";} #customerList[aria-type="normal"] tr > td:nth-child(4):before{content: "직함 : ";} #customerList[aria-type="normal"] tr > td:nth-child(5):before{content: "연락처 : ";} #customerList[aria-type="normal"] tr > td:nth-child(6):before{content: "메일주소 : ";} #customerList[aria-type="normal"] tr > td:nth-child(7):before{content: "등록일 : ";} #customerList[aria-type="normal"] tr > td:nth-child(8):before{content: "수정일 : ";} */ #customerList[aria-type="business"] tr > td:before{ font-weight: bold;} #customerList[aria-type="business"] tr > td:nth-child(1){display: none;} #customerList[aria-type="business"] tr > td:nth-child(2){margin-left: 3%; font-size: 20px; font-weight: 700; transition: 0.3s; padding-top: 3px;} #customerList[aria-type="business"] tr > td:nth-child(3){margin-left: 5px; color: #999; font-weight: 500; padding: 0; order: 2;} #customerList[aria-type="business"] tr > td:nth-child(4){margin-left: 5px; color: #999; font-weight: 500; padding: 0; order: 1;} #customerList[aria-type="business"] tr > td:nth-child(5){position: absolute; top: 0; right: 10px; padding: 0; color: #999;} #customerList[aria-type="business"] tr > td:nth-child(5):before{content: " / ";} #customerList[aria-type="business"] tr > td:nth-child(6){position: absolute; top: 0; right: 90px; padding: 0; color: #999;} /* #customerList[aria-type="business"] tr > td:nth-child(2):before{content: "회사명 : ";} #customerList[aria-type="business"] tr > td:nth-child(3):before{content: "연락처 : ";} #customerList[aria-type="business"] tr > td:nth-child(4):before{content: "주소 : ";} #customerList[aria-type="business"] tr > td:nth-child(5):before{content: "등록일 : ";} #customerList[aria-type="business"] tr > td:nth-child(6):before{content: "수정일 : ";} */ select[name='searchType'] { width: 100%; margin-bottom: 5px} /* 고객관리 상세하단 회사 */ .tab_contents[data-tab="custTab01"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="custTab01"] .basicTable tr > td:nth-child(1):before{content: "";} .tab_contents[data-tab="custTab01"] .basicTable tr > td:nth-child(2):before{content: "회사 : ";} .tab_contents[data-tab="custTab01"] .basicTable tr > td:nth-child(3):before{content: "회사명 : ";} .tab_contents[data-tab="custTab01"] .basicTable tr > td:nth-child(4):before{content: "부서 : ";} .tab_contents[data-tab="custTab01"] .basicTable tr > td:nth-child(5):before{content: "직함 : ";} .tab_contents[data-tab="custTab01"] .basicTable tr > td:nth-child(6):before{content: "회사전화 : ";} .tab_contents[data-tab="custTab01"] .basicTable tr > td:nth-child(7):before{content: "회사주소 : ";} .tab_contents[data-tab="custTab01"] .basicTable tr > td:nth-child(8):before{content: "등록일 : ";} .tab_contents[data-tab="custTab01"] .basicTable tr > td:nth-child(9):before{content: "재직여부 : ";} /* 고객관리 상세하단 관련인물 */ .tab_contents[data-tab="custTab02"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="custTab02"] .basicTable tr > td:nth-child(1):before{content: "";} .tab_contents[data-tab="custTab02"] .basicTable tr > td:nth-child(2):before{content: "관계 : ";} .tab_contents[data-tab="custTab02"] .basicTable tr > td:nth-child(3):before{content: "이름 : ";} .tab_contents[data-tab="custTab02"] .basicTable tr > td:nth-child(4):before{content: "휴대폰번호 : ";} /* 고객관리 상세하단 관련물건 */ .tab_contents[data-tab="custTab03"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="custTab03"] .basicTable tr > td:nth-child(1):before{content: "관계 : ";} .tab_contents[data-tab="custTab03"] .basicTable tr > td:nth-child(2):before{content: "역할 : ";} .tab_contents[data-tab="custTab03"] .basicTable tr > td:nth-child(3):before{content: "현황 : ";} .tab_contents[data-tab="custTab03"] .basicTable tr > td:nth-child(4):before{content: "주소 : ";} .tab_contents[data-tab="custTab03"] .basicTable tr > td:nth-child(5):before{content: "건물명 : ";} .tab_contents[data-tab="custTab03"] .basicTable tr > td:nth-child(6):before{content: "동명칭 : ";} .tab_contents[data-tab="custTab03"] .basicTable tr > td:nth-child(7):before{content: "호수 : ";} .tab_contents[data-tab="custTab03"] .basicTable tr > td:nth-child(8):before{content: "등록일 : ";} .tab_contents[data-tab="custTab03"] .basicTable tr > td:nth-child(9):before{content: "등록인 : ";} /* 고객관리 상세하단 희망매물 */ .tab_contents[data-tab="custTab04"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="custTab04"] .basicTable tr > td:nth-child(1):before{content: "";} .tab_contents[data-tab="custTab04"] .basicTable tr > td:nth-child(2):before{content: "거래형태 : ";} .tab_contents[data-tab="custTab04"] .basicTable tr > td:nth-child(3):before{content: "거래여부 : ";} .tab_contents[data-tab="custTab04"] .basicTable tr > td:nth-child(4):before{content: "제목 : ";} .tab_contents[data-tab="custTab04"] .basicTable tr > td:nth-child(5):before{content: "희망등급 : ";} .tab_contents[data-tab="custTab04"] .basicTable tr > td:nth-child(6):before{content: "등록일 : ";} .tab_contents[data-tab="custTab04"] .basicTable tr > td:nth-child(7):before{content: "등록인 : ";} .tab_contents[data-tab="custTab04"] .basicTable tr > td:nth-child(8):before{content: "매칭 : ";} /* 고객관리 상세하단 계약서 */ .tab_contents[data-tab="custTab05"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="custTab05"] .basicTable tr > td:nth-child(1):before{content: "거래구분 : ";} .tab_contents[data-tab="custTab05"] .basicTable tr > td:nth-child(2):before{content: "계약구분 : ";} .tab_contents[data-tab="custTab05"] .basicTable tr > td:nth-child(3):before{content: "거래금액 : ";} .tab_contents[data-tab="custTab05"] .basicTable tr > td:nth-child(4):before{content: "매도/임도인 : ";} .tab_contents[data-tab="custTab05"] .basicTable tr > td:nth-child(5):before{content: "매수/임차인 : ";} .tab_contents[data-tab="custTab05"] .basicTable tr > td:nth-child(6):before{content: "인도일 : ";} /* 고객관리 상세하단 관련자료 */ .tab_contents[data-tab="custTab06"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="custTab06"] .basicTable tr > td:nth-child(1):before{content: "";} .tab_contents[data-tab="custTab06"] .basicTable tr > td:nth-child(2):before{content: "분류 : ";} .tab_contents[data-tab="custTab06"] .basicTable tr > td:nth-child(3):before{content: "파일명 : ";} .tab_contents[data-tab="custTab06"] .basicTable tr > td:nth-child(4):before{content: "등록자 : ";} .tab_contents[data-tab="custTab06"] .basicTable tr > td:nth-child(5):before{content: "등록일 : ";} /* 고객관리 상세하단 담당자 */ .tab_contents[data-tab="custTab07"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="custTab07"] .basicTable tr > td:nth-child(1):before{content: "담당자 : ";} .tab_contents[data-tab="custTab07"] .basicTable tr > td:nth-child(2):before{content: "등록일 : ";} /* 고객관리(사업자) 상세하단 소속직원 */ .tab_contents[data-tab="custTab11"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="custTab11"] .basicTable tr > td:nth-child(1):before{content: "이름 : ";} .tab_contents[data-tab="custTab11"] .basicTable tr > td:nth-child(2):before{content: "부서 : ";} .tab_contents[data-tab="custTab11"] .basicTable tr > td:nth-child(3):before{content: "직함 : ";} .tab_contents[data-tab="custTab11"] .basicTable tr > td:nth-child(4):before{content: "휴대폰번호 : ";} .tab_contents[data-tab="custTab11"] .basicTable tr > td:nth-child(5):before{content: "개인이메일 : ";} .tab_contents[data-tab="custTab11"] .basicTable tr > td:nth-child(6):before{content: "등록일 : ";} .tab_contents[data-tab="custTab11"] .basicTable tr > td:nth-child(7):before{content: "재직여부 : ";} /* 고객관리(사업자) 상세하단 관련물건 */ .tab_contents[data-tab="custTab12"] .basicTable tr > td:before{ font-weight: bold} .tab_contents[data-tab="custTab12"] .basicTable tr > td:nth-child(1):before{content: "관계 : ";} .tab_contents[data-tab="custTab12"] .basicTable tr > td:nth-child(2):before{content: "역할 : ";} .tab_contents[data-tab="custTab12"] .basicTable tr > td:nth-child(3):before{content: "현황 : ";} .tab_contents[data-tab="custTab12"] .basicTable tr > td:nth-child(4):before{content: "주소 : ";} .tab_contents[data-tab="custTab12"] .basicTable tr > td:nth-child(5):before{content: "건물명 : ";} .tab_contents[data-tab="custTab12"] .basicTable tr > td:nth-child(6):before{content: "동명칭 : ";} .tab_contents[data-tab="custTab12"] .basicTable tr > td:nth-child(7):before{content: "호수 : ";} .tab_contents[data-tab="custTab12"] .basicTable tr > td:nth-child(8):before{content: "등록일 : ";} .tab_contents[data-tab="custTab12"] .basicTable tr > td:nth-child(9):before{content: "등록인 : ";} /* 호층정보 */ #list_ho_info .basicTable tr > td:before{ font-weight: bold} #list_ho_info .basicTable tr > td:nth-child(4):before{content: "매매/임대 : ";} #list_ho_info .basicTable tr > td:nth-child(5):before{content: "동/호명칭 : ";} #list_ho_info .basicTable tr > td:nth-child(9):before{content: "해당층 : ";} #list_ho_info .basicTable tr > td:nth-child(11):before{content: "주용도 : ";} #list_ho_info .basicTable tr > td:nth-child(12):before{content: "전용면적 : ";} #list_ho_info .basicTable tr > td:nth-child(13):before{content: "매매금액 : ";} #list_ho_info .basicTable tr > td:nth-child(14):before{content: "전세보증금 : ";} #list_ho_info .basicTable tr > td:nth-child(15):before{content: "월보증금 : ";} #list_ho_info .basicTable tr > td:nth-child(16):before{content: "월세 : ";} #list_ho_info .basicTable tr > td:nth-child(17):before{content: "관리비 : ";} #list_ho_info .basicTable tr > td:nth-child(18):before{content: "권리금 : ";} #list_ho_info .basicTable tr > td:nth-child(20) a{ background: #babdc5; color: #fff; text-align: center; vertical-align: middle; border: 0; width: auto; padding: 0 10px; height: 28px; line-height: 28px;} /* 매물등록버튼 모바일 */ .mo_trdBtnArea{position: absolute; top: -50px; right: 0;} /* 매물등록 모바일화 */ /* 주소검색부분 */ .contentBox.mo_create1 > .search > label{display: block; margin-bottom: 5px;} .contentBox.mo_create1 > .search > input[type='text']{display: inline-block; width: calc(100% - 82px); margin: 0;} .contentBox.mo_create1 > .search > button.mo_create1Btn{margin-top: 5px; width: 100% !important; margin-left: 0;} /* 매물정보등록부분 */ .btn_abR{position: static;} .mo_bdrg_btn1{position: absolute; top: -40px; right: 0;} /* 건축물대장버튼 */ .mo_bdrg_btn2{position: absolute; top: 11px; right: 0; z-index: 1; font-size: 13px;} .mo_bdrg_btn3{position: absolute; top: 11px; right: 130px; z-index: 1; font-size: 13px;} /* 건축물대장버튼 */ .basicTable.view.mo_create2 tbody td, .basicTable.write.mo_create2 tbody td{display: flex; align-items: center;} .basicTable.view.mo_create2 tbody td.mo_create2_block, .basicTable.write.mo_create2 tbody td.mo_create2_block{display: block;} .basicTable.view.mo_create2 tbody td .unitbox.box2 + .unitbox.box2, .basicTable.write.mo_create2 tbody td .unitbox.box2 + .unitbox.box2{margin-top: 0;} .divBox .divBoxInner{margin-top: 5px;} /* 주소 직접입력-직접입력 모바일 */ .four_col.mo_create2{display: flex;} .two_col.mo_create2{display: flex;} .w100.mo_create2In_w100{width:68px !important;} .w150.mo_create2In_w150{width: 139px !important} /* 주소 직접입력-지도입력 모바일 */ /* .kakaoMap.mo_kakaoMap{margin-top: 47px;} .kakaoMapBtn{top: 95px;} */ /* 모바일 고객등록버튼들 */ .mo_flex_btn{display: flex;} .mo_flex_btn>.btn{padding: 0 10px;} /* 개인고객등록 */ .tableBox.noTbg.nopd.w750{width: 100%;} .mo_flex_n_search > input[type="text"]{width: calc(100% - 50px) !important;} .basicTable.write.basicTable_flex tbody .flex_w100pro th{width: 100%; border-right: 1px solid #e3e4e9; line-height: 1.5 !important;} .basicTable.write.basicTable_flex tbody .flex_w100pro td{width: 100%; border-left: 1px solid #e3e4e9;} .addressReg{display: flex; flex-wrap: wrap;} .addressReg input[type="text"] {width: 60% !important;} .addressReg button{width: 35%;} .unitbox.unitTxt input{padding-right: 0;} .waveBox .unitbox.unitTxt input{padding-right: 22px;} .unitbox.unitTxt.pd22 input{padding-right: 22px;} .dateinput input[type=date]{width: 100%; border: 0;} .layerPopup_h_subtit{font-size: 18px;} /* 건축물대장불러오기 팝업 타이틀 */ /* 기본정보에서 주소 클릭시 토지이용계획 팝업 관련 */ .mobilTable .row .mobilTable_t {width: 120px;} .mobilTable .row .mobilTable_c {width: calc( 100% - 120px); padding: 12px 5px;} .txL_info{padding: 1px 3px; transform: translate(2px, 1px);} /* 기본정보 플렉스 컬럼배치 */ .mobilTable .row.tb_column{flex-direction: column;} .mobilTable .row.tb_column .mobilTable_t{width: inherit; border-bottom: 1px solid #e3e4e9;} .mobilTable .row.tb_column .mobilTable_c{width: inherit; padding: 5px;} /* 관련지번등록 모바일 구조 변경 */ /* .mo_modal6 .layerPopup{height: auto;} .mo_modal6 .tabmenu_wrap{margin-bottom: 3px;} .mo_modal6 .mb10{margin-bottom: 5px;} .jibun_pop{flex-direction: column-reverse;} .jibunIn_map{width: 100%; position: relative;} .jibunIn_list{width: 100%;} .jibun_list_box{display: none; height: 60vh;} .jibun_list_box.active{display: block; transition: 0.35s;} .mo_modal6 .kakaoMapBtn{position: absolute; top: 50px; right: 10px; z-index: 100;} .mo_modal6 .kakaoMapBtn > button{display: block; width: 57px; padding: 0;} .layerPopup_wrap .kakaoMap > div{height: 55vh;} .list_view_btn{display: inline-block !important;} */ .mo_modal6 .layerPopup{height: 97dvh; position: relative;} .mo_modal6 .tabmenu_wrap{margin-bottom: 3px;} .mo_modal6 .mb10{margin-bottom: 5px; margin-top: 5px;} .jibun_pop{flex-direction: column-reverse;} .jibunIn_map{width: 100%; position: relative;} .jibunIn_list{width: 100%; position: absolute; bottom: -87px; background-color: #fff; z-index: 200; border-top: 1px solid #ccc;} .jibun_list_box{ height: 0dvh;transition: 0.35s;} .jibun_list_box.active{height: 60.5dvh; transition: 0.35s;} /* .jibunIn_map.active{display: none;} */ .mo_modal6 .kakaoMapBtn{position: absolute; top: 50px; right: 10px; z-index: 100;} .mo_modal6 .kakaoMapBtn > button{display: block; width: 57px; padding: 0;} .layerPopup_wrap .kakaoMap > div{height: 55dvh;} .list_view_btn{display: inline-block !important;} .jblist_btn_div{position: absolute; bottom: -130px; left:50%; transform: translateX(-50%); width: 100%; text-align: center;} /* 영업일기 작성자 관련 */ .layerPopup_c.diary_con{margin-top: 20px;} .diarist span:last-child{max-width: 204px; overflow: hidden; height: 25px; text-overflow: ellipsis; white-space: nowrap;} /* 관련지번지도보기 */ .mo_bunjiJidoBtn{position: absolute; top: 0; right: 0;} .layerPopup_wrap.mo_Vmodal6 .kakaoMap > div{height: 65dvh;} .mo_Vmodal6.mo_modal6 .kakaoMapBtn{top: 10px;} .mo_Vmodal6 .jibun_list_box.active {height: 65dvh;} /* .mo_Vmodal6 .jblist_btn_div{left: 30%;} */ /* ── 그룹매물(view_trading.html) 관련지번 지도보기 ── 팝업 크기와 지도 높이만 여기서 잡는다. 지도/목록/전환버튼의 세로배치는 이 패널을 쓰는 팝업 넷(.jibunMapPop)이 공통으로 쓰므로 jibun-map-panel.css 의 모바일(max-width:1000px) 블록으로 옮겼다. (원래는 이 팝업에만 있던 수정인데, 같은 증상이 기본물건 modal6·계약서 modal42 에도 있었다) */ .grpJibunPop .layerPopup.view_map{height: 92dvh !important; max-height: 92dvh !important; width: 92% !important; max-width: 92% !important; border-radius: 10px !important; overflow: hidden !important;} /* 지도 높이는 jibun-map-panel.css 의 모바일 블록이 잡는다 (팝업에서 고정 요소를 뺀 나머지) */ /* 상세페이지 복사 버튼(주소/면적/단가): 데스크탑 전용 기능이므로 모바일에서는 숨김. .btnAddrCopy/.btnValCopy 는 view_trading.html 에서만 쓰이고, 이 화면은 모바일에서 그룹물건(GT01/GT02)만 사용한다. */ .btnAddrCopy, .btnValCopy{display: none !important;} /* 관련지번지도보기 값 숨김버튼 */ .hide_btn{bottom: 20px; left: 50%; transform: translateX(-50%); width: 215px;} /* 관련지번등록하기 값 숨김버튼 */ /* .hide_btn.savepage_btn{bottom: 200px;} */ /* 부동산정보 통합열람 버튼 정렬 */ .mt40{margin-top: 40px;} .btn_land_open{position: absolute; top: 47px; right: 0; z-index: 5;} /* 계약서관리페이지 반응형 */ .cp_pkmenu{flex-wrap: wrap; padding: 0 0 5px;} .cp_pk{margin-bottom: 5px;} /* 관리자계약서관리페이지 버튼정렬 */ .contract_management{justify-content: space-between;} .spc_list_btn{margin: 0 10px 10px 0;} /* 관련자료 참고표 */ .refer_div{display: flex; justify-content: space-around; align-items: center; padding: 8px 0;} .refer_div > p{color: #1277e3;} .referBtn{border: 1px solid #1277e3; color: #1277e3; padding: 2px 5px; transition: 0.3s;} .referBtn:hover{background: #1277e3; color: #fff;} .tableBox.refer_fold{height: 0; overflow: scroll;} .refer_fold .basicTable.list thead{display: block;} .refer_fold .basicTable thead tr{display: flex; justify-content: space-around;} .refer_fold .basicTable.list tbody tr{padding: 5px 0 5px 5px; } .refer_fold .basicTable.list tbody tr td{display: inline-block; } .refer_fold .basicTable.list tbody tr td:nth-child(1){font-weight: 600;} .refer_fold .basicTable.list tbody tr td:nth-child(1)::after{content: ' : '; font-weight: 600;} .refer_fold .basicTable.list tbody tr td:nth-child(2)::after{content: ' |';} .refer_fold .basicTable.list tbody tr td:nth-child(3)::after{content: ' |';} /* 권한요청목록팝업창 반응형 */ .layerPopup_wrap.modal01 .layerPopup{display: flex; flex-direction: column;} .modal01 .layerPopup .layerPopup_c{flex-grow: 1;} .md01_conIn{display: flex; flex-direction: column; height: 72dvh;} .layerPopup .layerPopup_c .tableBox.tableScroll{max-height: none; overflow: auto;} /* 공용자료 코드관리 */ .codeList_header > div.codeAuthChk, .codeList_body > li > div.codeAuthChk, .codeList_header > div, .codeList_body > li > div{width: auto; flex: 1; align-items: center;} .codeList_body > li{align-items: center;} .codeList_body > li > div{padding: 8px 0;} .codeList_header > div:nth-child(2), .codeList_body > li > div:nth-child(3){flex: 1.3;} .codeList_header > div:nth-child(4), .codeList_body > li > div:nth-child(5){flex: 0.7;} .codeList_body > li > div > button + button{margin-top: 5px;} /* 담당자관리 리스트 반응형*/ .member_con .t{display: none;} .member_con .search_box.mb20{margin-bottom: 10px;} .member_con select[name='searchType']{width: 25%; margin: 0 5px 10px 0;} .member_con .search_box > span{width: 73%; margin-bottom: 10px;} .member_con .search_box > button{width: 100%;} .member_con .basicTable.list tbody tr{display: flex; flex-wrap: wrap; padding: 15px; border: 1px solid #e3e4e9; border-radius: 7px; margin-top: 15px;} .member_con .basicTable.list tbody tr:after{content: ''; order: 3; width: 100%; height: 0;} .member_con .basicTable.list tbody tr:before{content: ''; order: 7; width: 100%; height: 0;} .member_con .basicTable.list tbody td:nth-child(2){display: none;} .member_con .basicTable.list tbody td.mbL3{order: 8; margin-right: 10px;} .member_con .basicTable.list tbody td.mbL4{order: 4; font-size: 20px; font-weight: 500;} .member_con .basicTable.list tbody td.mbL5{order: 1; line-height: 10px;} .member_con .basicTable.list tbody td.mbL6{order: 5; color: #999; line-height: 28px; font-weight: 500;} .member_con .basicTable.list tbody td.mbL6:before{content: '/ '; margin-left: 5px;} .member_con .basicTable.list tbody td.mbL7{order: 6; color: #999; line-height: 26px; font-weight: 500;} .member_con .basicTable.list tbody td.mbL7:before{content: '/ '; margin-left: 5px;} .member_con .basicTable.list tbody td.mbL8{order: 2; color: #999; padding: 0;} .member_con .basicTable.list tbody td.mbL8:before{content: '/ '; margin-left: 5px;} .member_con .basicTable.list tbody td.mbL9{order: 10; width: 100%;} .member_con .basicTable.list tbody td.mbL10{order: 11; padding: 0;} .member_con .basicTable.list tbody td.mbL11{order: 9;} .member_con .basicTable.list tbody td.mbL12{display: none;} .member_con .basicTable.list tbody td.mbL13{display: none;} /* 전체회원 에이전트조회 리스트 반응형 */ .allmember_con .t{display: none;} .allmember_con .search_box.mb20{margin-bottom: 10px;} .allmember_con select[name='searchType']{width: 25%; margin: 0 5px 10px 0;} .allmember_con .search_box > span{width: 73%; margin-bottom: 10px;} .allmember_con .basicTable.list tbody tr{display: flex; flex-wrap: wrap; padding: 15px 15px 42px; border: 1px solid #e3e4e9; border-radius: 7px; margin-top: 15px; position: relative;} /* .allmember_con .basicTable.list tbody tr{display: flex; flex-wrap: wrap; padding: 15px; border: 1px solid #e3e4e9; border-radius: 7px; margin-top: 15px;} */ .allmember_con .basicTable.list tbody td.ambL2{display: none;} .allmember_con .basicTable.list tbody td.ambL3{order: 3; color: #999; line-height: 28px;} /* .allmember_con .basicTable.list tbody td.ambL3{order: 3; color: #999; line-height: 28px; min-width: 40%; max-width: 80%;} */ .allmember_con .basicTable.list tbody td.ambL3:before{content: '/ '; margin-left: 5px;} .allmember_con .basicTable.list tbody td.ambL4{order: 1; width: 100%; padding: 0;} .allmember_con .basicTable.list tbody td.ambL5{display: none;} .allmember_con .basicTable.list tbody td.ambL6{order: 2; font-size: 20px; font-weight: 500;} .allmember_con .basicTable.list tbody td.ambL7{position: absolute; bottom: 10px; width: calc(50% - 19px);} /* .allmember_con .basicTable.list tbody td.ambL7{order: 4; width: 48%; margin-right: 5px;} */ .allmember_con .basicTable.list tbody td.ambL7 a{width: 100%; display: inline-block; box-sizing: border-box; border: 1px solid #243F69; background-color: #243F69; padding: 3px; text-align: center; color: #fff;} .allmember_con .basicTable.list tbody td.ambL8{position: absolute; bottom: 10px; right: 18px; width: calc(50% - 19px); text-align: center;} /* .allmember_con .basicTable.list tbody td.ambL8{order: 5; padding: 3px 0; width: 48%; text-align: center;} */ .allmember_con .basicTable.list tbody td.ambL8 a{width: 100%; display: inline-block; box-sizing: border-box; border: 1px solid #243F69; padding: 3px; text-align: center; color: #243F69;} .allmember_con .basicTable.list tbody td.ambL9{display: none;} .w_tel, .w_mail{display: none;} .m_tel, .m_mail{display: inline-block;} /* 매물등록 건축물대장 선택 팝업창 */ .modal5 .basicTable.list tbody tr{display: flex; flex-wrap: wrap;} .modal5 .basicTable.list tbody tr.md5_ftr{padding-bottom: 0; border: 0;} .modal5 .basicTable.list tbody tr.md5_str{padding: 0; border: 0;} .modal5 .basicTable.list tbody tr.md5_ltr{padding-top: 0;} .modal5 .basicTable.list tbody tr td{margin-right: 10px;} /* .modal5 .basicTable.list tbody tr td::after{content: ' | '; color: #666; } */ .modal5 .basicTable.list tbody tr td::before{color: #666;} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(1){width: 100%;} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(1)::after{content: '';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(2)::before{content: '구분: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(3)::before{content: '종류: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(4)::before{content: '건물명: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(5)::before{content: '동명칭: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(6)::before{content: '주부속 구분: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(7)::before{content: '대지면적: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(7)::after{content: '㎡';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(8)::before{content: '건축면적: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(8)::after{content: '㎡';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(9)::before{content: '연면적: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(9)::after{content: '㎡';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(10)::before{content: '용적률산정 연면적: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(10)::after{content: '㎡';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(11)::before{content: '건폐율: ';} .modal5 .basicTable.list tbody tr.md5_ftr td:nth-child(11)::after{content: '%';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(1){display: none;} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(2)::before{content: '용적률: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(2)::after{content: '%';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(3)::before{content: '건물구조: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(4)::before{content: '건물용도: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(5)::before{content: '용도지역: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(6)::before{content: '세대수: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(6)::after{content: '세대';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(7)::before{content: '호수: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(7)::after{content: '호';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(8)::before{content: '지상층: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(8)::after{content: '층';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(9)::before{content: '지하층: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(9)::after{content: '층';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(10)::before{content: '승용EV: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(10)::after{content: '대';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(11)::before{content: '비상EV: ';} .modal5 .basicTable.list tbody tr.md5_str td:nth-child(11)::after{content: '대';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(1){display: none;} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(2)::before{content: '옥내기계식: ';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(2)::after{content: '대';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(3)::before{content: '옥내자주식: ';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(3)::after{content: '대';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(4)::before{content: '옥외기계식: ';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(4)::after{content: '대';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(5)::before{content: '옥외자주식: ';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(5)::after{content: '대';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(6)::before{content: '허가일: ';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(7)::before{content: '착공일: ';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(8)::before{content: '사용승인일: ';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(9)::before{content: '내진능력: ';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(10)::before{content: '생성일자: ';} .modal5 .basicTable.list tbody tr.md5_ltr td:nth-child(14)::before{content: '내진설계여부: ';} /* 기본정보 더보기/접기 */ .showMoreBtn{padding: 7px 20px; border: 1px solid #1277e3; color: #1277e3; background-color: #fff; border-radius: 30px;} .showLessBtn{padding: 7px 20px; border: 1px solid #666; color: #666; background-color: #fff; border-radius: 30px;} /* 문자보내기 고객 선택 */ .modal48 .layerPopup_wrap .layerPopup{height: auto; max-height: 90%;} .modal48 .layerPopup .layerPopup_c{padding: 0;} .modal48 .layerPopup .layerPopup_c .tableBox.tableScroll{max-height: 55dvh;} .modal48 .basicTable.list thead{display: block;} .modal48 .basicTable.list thead tr{display: flex;} .modal48 .basicTable.list thead tr th:nth-child(1){flex: 15%} .modal48 .basicTable.list thead tr th:nth-child(2){flex: 20%} .modal48 .basicTable.list thead tr th:nth-child(3){flex: 45%} .modal48 .basicTable.list thead tr th:nth-child(4){flex: 20%} .modal48 .basicTable.list tbody tr{display: flex; align-items: center;} .modal48 .basicTable.list tbody tr td{text-align: center;} .modal48 .basicTable.list tbody tr td:nth-child(1){flex: 15%} .modal48 .basicTable.list tbody tr td:nth-child(2){flex: 20%} .modal48 .basicTable.list tbody tr td:nth-child(3){flex: 45%} .modal48 .basicTable.list tbody tr td:nth-child(4){flex: 20%} .btn_eum_open{position: absolute; top: 47px; right: 165px; z-index: 5;} /* 그룹정보 영역: 상단 버튼(부동산정보 통합열람/토지e음)과 겹치지 않도록 여백 (GT02 호층물건그룹 / GT01 기본물건그룹) */ .grpInfoBox{margin-top: 30px;} .tableBox.gt01-ordered{margin-top: 30px;} /* 기본물건그룹(GT01) 지번목록: 엑셀다운로드 버튼 숨김 */ .tableBox.gt01-ordered #bunjiList .landTblExcelBtn{display: none;} /* 계약서/관리비 탭 모바일 PC 안내 */ .mo_pc_notice_table { display: table !important; } /* 계약서 탭: 작성 버튼, 데이터 테이블 숨김 */ .tab_contents[data-tab="contract"] .contractMntInfo { display: none !important; } .tab_contents[data-tab="contract"] .mo_data_table { display: none !important; } /* 관리비 탭: 필터, 등록 버튼, 데이터 테이블, 하단 버튼 숨김 */ .tab_contents[data-tab="maintenance"] .subSch_bar { display: none !important; } .tab_contents[data-tab="maintenance"] .content_btn_right { display: none !important; } .tab_contents[data-tab="maintenance"] .mo_data_table { display: none !important; } .tab_contents[data-tab="maintenance"] .content_bottom { display: none !important; } } /* 몬자보내기 반응형 */ @media (min-width: 769px) and (max-width: 999px){ .sms_phone{position: relative; width: 275px; } .sms_phone .phone_mockup {width: 275px; height: 535px;} .sms_phone .phone_con {width: 260px; height: 375px;} .smsPop_con {grid-template-columns: 1fr 1fr;} .sms_board{font-size: 16px; height: 173px;} } @media (min-width: 701px) and (max-width: 768px){ .smsPop_con{grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-template-rows: auto; padding: 20px 0;} .sms_phone{grid-row: auto; width: 95%; order: 1;} .sms_phone .phone_mockup{display: none;} .sms_phone .phone_con{position: static; transform: unset;width: 100%; border: 0; padding: 0; height: 300px;} .sms_textarea{height: 85%;} .sms_board{order: 2; width: 95%; height: 200px; font-size: 1.4em; padding: 10px 15px;} .sms_boardIn{padding: 10px 12px;} .sms_type{order: 3; width: 95%;} .sms_num{order: 4; width: 95%;} .sms_send_btn{order: 5;} } @media screen and (max-width: 700px){ .mo_flex_btn>.btn{ padding: 0px 2px;} .smsPop_con{grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); grid-template-rows: auto; padding: 20px 0;} .sms_phone{grid-row: auto; width: 95%; order: 1;} .sms_phone .phone_mockup{display: none;} .sms_phone .phone_con{position: static; transform: unset;width: 100%; border: 0; padding: 0; height: 300px;} .sms_textarea{height: 85%;} .sms_board{order: 2; width: 95%; height: 196px; font-size: 1.4em; padding: 13px 15px;} .sms_type{order: 3; width: 95%;} .sms_num{order: 4; width: 95%;} .sms_send_btn{order: 5;} }