.gray_bg{background-color:#f7f9fc; }
.blue-tag{background-color:#F0F6FF; color:#4971FF; font-size: 1.3rem;  font-weight: 600; border-radius: 0.6rem; line-height: normal;white-space: nowrap;}
.blue-tag2{background-color:#F0F6FF; color:#4971FF; font-size: 1.3rem;  font-weight: 600; border-radius: 5rem; line-height: normal;white-space: nowrap;}
.no_btn{background-color:transparent; border:0;}
.primary-tag{display:inline-block; border-radius:5rem; background-color:var(--primary); color:#fff; font-size:1.2rem; font-weight:700; line-height: normal; white-space: nowrap;}
.red-tag{display:inline-block;  border-radius:5rem; background-color:#F95B44; color:#fff; font-size:1.2rem; font-weight:700; line-height: normal; white-space: nowrap;}
.gray-tag{display:inline-block; border-radius:5rem; background-color:#8EA6B3; color:#fff; font-size:1.2rem; font-weight:700; line-height: normal; white-space: nowrap;}
.orange_tag{color:#fff; font-size:1.3rem; font-weight:600; background-color:#ee6300; border-radius:5rem; line-height: normal;white-space: nowrap; white-space: nowrap;}
.pointer{cursor: pointer;}
.tag_orange{color:#ee6300; font-size:1.3rem; font-weight:600;  background-color:#FDF0DB; border-radius:5rem; line-height: normal;white-space: nowrap;}
.tag_red{color:#FF543B; font-size:1.3rem; font-weight:600; background-color:#FEEFEC; border-radius:5rem; line-height: normal;white-space: nowrap;}
.tag_gray{color:#5E6C7C; font-size:1.3rem; font-weight:600; background-color:#E0E8F2; border-radius:5rem; line-height: normal;white-space: nowrap;}
.tag_blue{color:#fff; font-size:1.3rem; font-weight:600; background-color:var(--primary); border-radius:5rem; line-height: normal;white-space: nowrap;}
.tag_green{color:#2F7E30; font-size:1.3rem; font-weight:600; background-color:#ECF8EC; border-radius:5rem; line-height: normal;white-space: nowrap;}
.big_tag{padding:0.6rem 0.7rem;}
.smoll_tag{padding:0.4rem 0.7rem;}
.sub_pg.no_bottom{padding-bottom:3rem !important}
.basic_list_style ul li{padding:1.5rem 0; border-bottom:1px solid #E0E8F2; display: flex; align-items: center; justify-content: space-between; gap:1rem; cursor: pointer;}
.basic_list_style ul li span{white-space: nowrap;}
.process_complete{padding:0.8rem 1rem; font-size:1.4rem; font-weight:600; color:#5E6C7C; background-color:#F7F9FC; border-radius:5rem; line-height: normal;white-space: nowrap;}
.process_before{padding:0.8rem 1rem; font-size:1.4rem; font-weight:600; color:#4971FF; background-color:#F0F6FF; border-radius:5rem; line-height: normal;white-space: nowrap;}
.album_btn, .photo_btn{ width: 100%; border:0; background-color: #fff; border-radius: 1.2rem; overflow:hidden; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05); cursor: pointer;}
.photo_btn label, .album_btn label{text-align: center; border: 1px solid #F7F9FC;    width: 100%;   padding: 1.5rem;}
.upload_box.on{ background:transparent;}
.won_box{position:relative;}
.won_box input{padding-right: 5rem; text-align: right;}
.won_box p{font-size: 1.5rem;  font-weight: 500;  position: absolute;  top: 50%;  right: 2rem;  z-index: 2; transform: translateY(-50%);}
.text-gray-600.active{color:#000;}
.uplaod_image li{cursor: pointer;}
.arrow-icon {transition: transform 0.3s ease; /* �ε巴�� ȸ�� */}
.arrow-icon.rotate {transform: rotate(-180deg);}
.answer-box{padding:2rem 1.5rem; background-color:#F9FAFC; border-radius:1.2rem;}
.pdf{display:inline-block; border:0; padding:0.6rem 0.7rem; border-radius:0.8rem; background-color:#202632; color:#fff; font-size:1.4rem; line-height: normal; white-space: nowrap;}
.bright-btn{padding:1rem; background-color:#F0F6FF; border-radius:1.2rem; border:0; font-weight:500; font-size:1.5rem;}
.del_img img{width:2.8rem;}
input[type="number"] {-moz-appearance: textfield;}
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.drag_btn{position: absolute;  left: 50%;  transform: translateX(-50%);  top: 1.5rem;  display: inline-block;  width: 3rem;  height: 0.5rem;  background-color: rgba(0, 0, 0, 0.1);  z-index: 2;  border-radius: 5rem;}

/**/
.logo_white img, .logo_black img{width:7.8rem;}
.look_btn{position:relative; margin-bottom:1rem;}
.look_btn button{width: 100%; padding: 1rem 1.5rem; border-radius: 1.2rem; border: 0;  background-color: #F9FAFC;}
.look_btn .look_list{display:none; max-height: 282px; overflow:auto; background-color: #fff; position: absolute; top: 46px; z-index: 3; width: 100%; text-align: center; border-radius: 1.2rem; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);}
.look_btn .look_list.active{display:block;}
.look_btn .look_list li{padding: 1.8rem 1rem; border-bottom: 1px solid #E0E8F2;}
.look_btn .look_list li:last-child{border-bottom:0;}
.modal_loof2, .modal_loof3 {display: none; /* �⺻ ���� */}
.modal_loof2.show, .modal_loof3.show { display: block; width:100%;/* ���ϴ� ���̾ƿ��� �°� flex �Ǵ� block */}

/*Ķ����*/
.calender_box{}
.calender_box th{padding: 1.6rem 0; color: #7B8699;}
.calender_box td{padding:1rem;}
.calender_box td span{display: inline-flex; width: 3rem;  aspect-ratio: 1 / 1;  align-items: center; justify-content: center; border-radius:50%;}
.calender_box td span.on{background-color:var(--primary); color:#fff;}
.calender_box td span.not{background-color:#8EA6B3; color:#fff;}
.year_list{max-height:28rem; min-height:28rem;}
.year_list ul li{min-height:5.6rem; line-height:5.6rem; text-align:center; font-size:1.9rem; font-weight:600; color:#C2C2C2;}
.year_list ul li.active{font-size:2.2rem; color:#000;}

/*�� �κ�*/
.tab_box{margin-bottom:1.5rem;}
.tab_box ul{gap: 1rem; display:flex;}
.tab_box ul li button{font-weight: 600; color: #7B8699;  border: 0;  border-radius: 1.2rem;  padding: 1.1rem 1.3rem; background-color: #EEF1F8;}
.tab_box ul li button.active{background-color: #202632; color: #fff;}
.tab_nav{background: #F7F9FC; border-radius: 1.2rem;  padding: 0.5rem;  display: flex; align-items: center; flex-wrap: nowrap;}
.tab_nav li{width: 100%;}
.tab_nav li button{width:100%; font-weight: 600; color: #7B8699;  border: 0;  border-radius: 1.2rem;  padding: 1.1rem 1.3rem; background-color: #F7F9FC;}
.tab_nav li button.active{background-color: #4971FF; color: #fff;}

/*ī�װ� - ��ũ��ư*/
.category_list{position: relative;  margin-bottom: 2.4rem;}
.category_list.detail{margin-bottom:1rem;}
.category_list ul{display: flex;  align-items: center; justify-content: space-around; position: relative; z-index: 1;}
.category_list.detail ul{justify-content: start; padding: 0 1rem;}
.category_list ul li a{color:#8EA6B3; padding: 0.8rem 0.85rem; display:inline-block; border-bottom:1px solid transparent; font-weight:600;}
.category_list ul li.active a{ border-bottom:1px solid var(--primary); color: var(--primary); font-weight:700;}
.category_list .border-bottom{position:absolute; bottom:0; left:0; width:100%; height:1px; display:inline-block;}

/*Ǫ��*/
.footer{padding:3rem 1.6rem; border-top:1px solid #E0E8F2;}
.footer .f_logo{width:8rem; margin-bottom:1.5rem;}

/*��ຯ�� ���*/
.modal .contract_list ul li{width:100%; margin-bottom:1.5rem;}
.modal .contract_list ul li:last-child{margin-bottom:0;}
.modal .contract_list .contract_box{width: 100%;  border: 1px solid #E0E8F2;  padding: 1.5rem;  border-radius: 1.2rem;}
.radios input:checked + .contract_box {border: 1px solid #4971ff;}
.modal .contract_tag{min-width:5.2rem; width:5.2rem; aspect-ratio: 1 / 1; line-height:100%; border-radius:1.6rem; display:flex; justify-content: center; align-items: center; background-color:#F0F6FF;}
.modal .contract_complete{min-width:5.2rem; width:5.2rem; aspect-ratio: 1 / 1; line-height:100%; border-radius:1.6rem; display:flex; justify-content: center; align-items: center; background-color:#E0E8F2;}
.modal .planned_move_tag{min-width:5.2rem; width:5.2rem; aspect-ratio: 1 / 1; line-height:100%;border-radius:1.6rem; display:flex; justify-content: center; align-items: center; background-color:#FDF0DB;}
.modal_address{display:flex; flex-wrap:wrap; gap:0.5rem;}
.modal_address p{width:100%;}

/*ū�̹��� ���*/
.modal .modal_big_img{max-height: 100%; height: 100%;  background-color: transparent;  position: relative;  display: flex; align-items: center; justify-content: center;}
.modal .modal_big_img .big_img,.modal .modal_big_img img{width:100%;}
.modal .modal_big_img .big_img .swiper-wrapper{align-items: center;}
.modal .modal_big_img .big_img .swiper-wrapper .swiper-slide{height: auto;}
.modal .modal_big_img button{position: absolute; top: 5px; right: 5px;}
.modal .modal_big_img .swiper-pagination{display: inline-block; width: auto; left: 50%; transform: translateX(-50%);  padding: 0.5rem 1.1rem;   border-radius: 5rem;  background-color: rgba(0, 0, 0, 0.5);  color: #fff;  font-weight: 500;}

/*�Ӵ��� ����Ȩ*/
.main_top{background: linear-gradient(0deg, rgba(114, 210, 217, 1) 0%, rgba(73, 113, 255, 1) 100%); padding: 4rem 1.6rem 1.6rem; border-radius: 0rem 0rem 3rem 3rem; position:relative;}
.main_top_img{position:absolute; z-index:1;right:0;bottom:4rem;}
.id_text_box p:nth-child(1){font-size:1.9rem; margin-bottom:0.5rem; color:#fff; line-height:130%;}
.sch_ip.main_sch{border:0; border-radius:5rem;}
.sch_ip.main_sch .form-control{height:var(--height_lg);}
.main_body{padding-top:1.4rem;}
.month_box .this_month{width:100%; padding:2rem 3rem;}
.rental_status .day_btn{border:0; background-color:#fff;}
.day_arrow_btn{display:flex; gap:1rem;}
.day_arrow_btn button{padding:1rem 1.7rem; border:1px solid #E0E8F2; background-color:#fff; border-radius:5rem; display: flex;}
.day_arrow_btn button:disabled img{opacity:0.3}
.day_arrow_btn button img{opacity:1}
.rental_status{margin-bottom:3rem;}
.rental_status_list ul li{width:100%; padding:2rem 1.5rem; border-radius:1.2rem; border:1px solid #E4E7E9}
.registration_btn{position: fixed; bottom: 8rem; right: 50%; transform: translateX(267px); width: 5rem;  height: 5rem;  border: 0; background-color: var(--primary); border-radius: 50%; margin-right: 0; z-index: 3;}
@media (max-width: 576px) {
	.registration_btn {
		right: 1rem;
		transform: none;
	}
}
.picker{display:flex;}
.picker-col{width:100%; height:29rem; overflow:hidden; position:relative; background:#fff;}
.picker-list{position:absolute; top:0; left:0; width:100%; transition:transform 0.2s ease-out;}
.picker-list li{justify-content: center; height: 5.8rem;  align-items: center;  display: flex; color: #7B8699;  font-size: 1.9rem; cursor: pointer;  user-select: none;}
.picker-list li.active{color:#000; font-size:2.2rem; font-weight:700;}
.picker2{display:flex;}
.picker-col2{width:100%; height:29rem; overflow:hidden; position:relative; background:#fff;}
.picker-list2{position:absolute; top:0; left:0; width:100%; transition:transform 0.2s ease-out;}
.picker-list2 li{justify-content: center; height: 5.8rem;  align-items: center;  display: flex; color: #7B8699;  font-size: 1.9rem; cursor: pointer;  user-select: none;}
.picker-list2 li.active{color:#000; font-size:2.2rem; font-weight:700;}

/*�ǹ���� / ����*/
.building-type-list{display: flex; flex-wrap: wrap;}
.building-type-list .radios{width: 100%;}
.building-type-list .checks{width: 100%;}
.building-type-list .radios .chk_right{justify-content: space-between; padding:1.7rem 0; border-bottom:1px solid #E0E8F2;}
.building-type-list .checks .chk_right{justify-content: space-between; padding:1.7rem 0; border-bottom:1px solid #E0E8F2;}
.building-type-list .radios:last-child .chk_right, .building-type-list .checks:last-child .chk_right{border-bottom:0;}
.household2_list{max-height: 230px; overflow: auto; padding-bottom: 1rem; margin-top: 2.5rem;}
.household2_list ul{display: flex; flex-wrap: wrap; gap: 1.5rem; width:100%}
.household2_list ul li{position: relative; width: 100%;}
.household2_list ul li input{width: 100%; padding-right: 4.8rem;}
.household2_list ul li button{position: absolute; top: 50%;  right: 1.7rem; transform: translateY(-50%);}
#household-manage2 .modal-body{ padding: 2.0rem 2.0rem 0;}

/*�ǹ� Ȩ*/
.building_head{padding:2rem 1.6rem 3rem;}
.calendar_button .day_btn{border:0; background-color:#fff;}
.mini_box{background-color:#f4faff; padding:1rem; border-radius:1rem; height:9.1rem; width:100%; display:flex; align-items: center; justify-content: center; text-align:center;}
.estimated_rental_income{padding:1.5rem; background-color:#f9fafc; border-radius:1.2rem;}
.estimated_rental_income .content{display:flex; gap:1.5rem; flex-wrap:wrap; padding-top: 2.4rem;}
.estimated_rental_income .content > div{width:100%;}
.estimated_rental_income button img{transition: 0.4s all; transform: rotate(0deg);}
.estimated_rental_income button[aria-expanded="true"] img{transform: rotate(-180deg);}

/*�ǹ� ������*/
.building_rental_income{padding:1.5rem; border-radius:1.2rem; border:1px solid #E0E8F2;}
.building_spending{padding:1.5rem; border-radius:1.2rem; border:1px solid #E0E8F2;}
.building_tenant{display: flex; flex-wrap: wrap; gap: 1rem;}
.building_tenant > li{width:100%; border:1px solid #B5BEC3; border-radius:1.5rem; overflow:hidden;}
.building_tenant > li .bd_tenant_top{padding:1.3rem 1.5rem; background-color:#F9FAFC;}
.building_tenant > li .bd_tenant li{padding:1.5rem; border-bottom:1px solid #B5BEC3; cursor: pointer;}
.building_tenant > li .bd_tenant li:last-child{border-bottom:0;}
.sub_pg.no_bottom .registration_btn{bottom: 3rem; margin-top: 3rem;}
.upload_no{display: flex; gap:0.5rem;}
.upload_no span{margin:0.4rem; width:2.4rem;aspect-ratio: 1 / 1; display: inline-flex;  justify-content: center;  align-items: center;  background-color: #F0F6FF; color: #7B8699; border-radius: 50%; font-size:1.4rem; font-weight:700;}
.upload_no span.on{background-color: var(--primary); color:#fff;}
.left_right_radio{background-color:#f2f5fe; padding:0.8rem; border-radius:1.2rem; width:100%; display: flex;  align-items: center;}
.left_right_radio .radios{width:100%;}
.left_right_radio .radios .ic_box{width: 100%;  height: 5rem;  background-color: transparent;  border: 0;  margin: 0;  flex-shrink: unset; border-radius: 1.2rem; font-size: 1.6rem; font-weight: 600; color: #8EA6B3;}
.left_right_radio .radios input {position: absolute;  opacity: 0; pointer-events: none; /* Ŭ���� label�� ó�� */  width: 0;  height: 0;}
.left_right_radio .radios input:checked + .ic_box{border-width: 0px;  background-color: var(--primary); color:#fff;}
.left_right_radio .radios input:checked + .ic_box:after, .left_right_radio .radios input + .ic_box:after{display:none;}
.uplaod_image ul li{width:120px; aspect-ratio: 1 / 1; border:1px solid #D2D8E8; border-radius:1.2rem; overflow:hidden;}
.uplaod_image ul li img{width:100%; aspect-ratio: 1 / 1; object-fit: cover;}
.contract_bottom{display: flex; gap: 1rem; padding: 1.6rem;  width: 100%;  max-width: var(--body_width);  background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(5px); color: #000; position: fixed;  bottom: 0; z-index: 1000;}
.contract_bottom button{width:100%;}
.contract_extension_list{}
.contract_extension_list .radios{width: auto;}
.contract_extension_list .radios .ic_box{width: auto; height: auto;  padding: 1rem 1.3rem; border: 0; background-color: #EEF1F8;  border-radius: 1.2rem; color: #7B8699; margin: 0; position: unset;}
.contract_extension_list .radios .ic_box:after{display:none !important;}
.contract_extension_list .radios input:checked + .ic_box {background-color:#202632; color:#fff;  border-width: 0px;}

/*�ǹ� ����*/
.building_receipt_top{background-color:#F7F9FC; border-radius:1rem;}
.building_receipt_top .border-bottom{padding:1.5rem;}
.building_receipt_bottom{padding:1.5rem;}
.bd_tenant_list_box ul li{border-top: 1px solid #E0E8F2; padding: 1.5rem 0;  display: flex;  align-items: center;  justify-content: space-between;}
.wait_tag{min-width: 4.8rem; width: 4.8rem;  aspect-ratio: 1 / 1;  background-color: #F7F9FC;  border-radius: 1.6rem;  color: #5E6C7C;  display: flex; align-items: center; justify-content: center;}
.payment_tag{min-width: 4.8rem; width: 4.8rem;  aspect-ratio: 1 / 1;  background-color: #F2F5FE;  border-radius: 1.6rem;  color: #4971FF;  display: flex; align-items: center; justify-content: center;}
.default_tag{min-width: 4.8rem; width: 4.8rem;  aspect-ratio: 1 / 1;  background-color: #FEEFEC;  border-radius: 1.6rem;  color: #F95B44;  display: flex; align-items: center; justify-content: center;}
.contractor_info{padding:1.5rem; background-color:#F7F9FC;}
.payment_status_radio{background-color:#f2f5fe; padding:0.8rem; border-radius:1.2rem; max-width:220px; width:100%; display: flex;  align-items: center;}
.payment_status_radio .radios{width:100%;}
.payment_status_radio .radios .ic_box{width: 100%;  height: 4.4rem;  background-color: transparent;  border: 0;  margin: 0;  flex-shrink: unset; border-radius: 1.2rem; font-size: 1.6rem; font-weight: 700; color: #8EA6B3;}
.payment_status_radio .radios input:checked + .ic_box{border-width: 0px;  background-color: #DDE5FF; color: var(--primary);}
.payment_status_radio .radios input:checked + .ic_box:after, .payment_status_radio .radios input + .ic_box:after{display:none;}

/*�ǹ� ���� / ����*/
.building_spending_list ul li{padding:2rem 0; border-bottom:1px solid #E0E8F2;display: flex; align-items: center; justify-content: space-between;}
.lessor_sales_list ul li{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E0E8F2; padding: 1.5rem 0;}

/*��Ʈ*/
.lessor_sales_chart{width:100%; max-height:13rem; margin-top:3rem;}

/*������*/
.schedule_calender_box .calendar{width:100%;}
.schedule_calender_box .calendar th{text-align: center; padding: 1.5rem 0; color: #7B8699; font-size: 1.6rem; font-weight: 600;}
.schedule_calender_box .calendar td{text-align: center; height: 6.5rem; padding:0.5rem 0;}
.schedule_calender_box .calendar td .day_num{display: inline-flex; cursor: pointer; font-size: 1.6rem; font-weight: 500;  width: 3rem; aspect-ratio: 1 / 1;  border-radius: 50%; justify-content: center;  align-items: center; margin-bottom:0.3rem;}
.schedule_calender_box .calendar td .day_num.sunday{color: #F95B44}
.schedule_calender_box .calendar td .day_num.saturday{color: var(--primary)}
.schedule_calender_box .calendar td .day_num.on{background-color: #4971ff; color:#fff !important;}
.cr_schedule{width:0.5rem; aspect-ratio: 1 / 1; background-color:#9C51F8; border-radius: 50%; display:none;}
.cr_contracted{width:0.5rem; aspect-ratio: 1 / 1; background-color:#0DD3FF; border-radius: 50%; display:none;}
.cr_contract{width:0.5rem; aspect-ratio: 1 / 1; background-color:#4971ff; border-radius: 50%; display:none;}
.cr_work{width:0.5rem; aspect-ratio: 1 / 1; background-color:#FF87EF; border-radius: 50%; display:none;}
.cr_schedule.on, .cr_contracted.on, .cr_contract.on, .cr_work.on{display:inline-block;}
.schedule_number{display: none; font-size:1rem; color:#fff; background-color:#5E6C7C; border-radius:3rem; padding:0.2rem 0.4rem; width:2.5rem; line-height: normal;white-space: nowrap; }
.schedule_number.on{display: inline-block;}
.schedule_box .schedule_calender{position: absolute; padding-top: 6.5rem; padding-right: 1.6rem; padding-left: 1.6rem; top: 0; left: 0; right: 0;  z-index: 1; transition: transform 0.5s ease, opacity 0.5s ease; will-change: transform, opacity;}
.schedule_box .schedule_list{position: absolute; left: 0; right: 0;  bottom: 0;  height: calc(100vh - 498.5px); padding-right: 1.6rem; padding-left: 1.6rem; padding-bottom: 7rem; max-height: 100vh; z-index: 2;  background-color: #fff; transition: height 0.5s cubic-bezier(.25, .8, .25, 1);    overflow: auto;}


/* ���� ��ũ�� ������ ���� (ul �Ǵ� wrapper) */
.schedule_box .schedule_list .list-content { height: 100%; overflow: auto;  padding-bottom: 7rem;}
/* �巡�� �ڵ� */
.schedule_box .schedule_list .drag_box {  touch-action: none; /* �巡��(������)�� ���⼭ ����ϴ� */  -webkit-user-select: none;  user-select: none;  cursor: grab;  padding: 12px 16px;}
/* �巡�� �� �ð� ǥ�� (��ȯ ��) */
.schedule_box .schedule_list.dragging {  transition: none;  cursor: grabbing;}
/* Ȯ�� ����: ȭ�� ��ü ���� */
.schedule_box .schedule_list.expanded { height: 100vh;  z-index: 4;}
/* �޷��� �ڷ� ���� ��Ÿ�� (������ ȿ��) */
.schedule_box .schedule_calender.behind {  z-index: 1; transform: scale(.995) translateY(-6px);  opacity: .95;}






.schedule_box .schedule_list .drag_box{ width: 100%;  position: sticky;  top: 0;  left: 0;  background-color: #fff;  padding: 3rem 0 1.5rem;}
.schedule_list ul li{display: flex; align-items: stretch;  gap: 10px; padding:2rem 0; border-bottom: 1px solid #E0E8F2; cursor: pointer;}
.schedule_list ul li:last-child{border-bottom:0;}
.schedule_list .cr_schedule, .schedule_list .cr_contracted, .schedule_list .cr_work, .schedule_list .cr_contract{display:inline-block; width:1.1rem;}
.cr_schedule.w_11, .cr_contracted.w_11, .cr_work.w_11, .cr_contract.w_11{width:1.1rem;}
.time_box{display: flex; align-items: stretch;}
.time_box .roller{width: 100%; height: 280px; overflow: hidden;  position: relative; display: flex;  justify-content: center; /* �߾� ���� */}
.time_box ul.roller-list{width: 100%; text-align: center; display: flex; flex-direction: column;}
.time_box ul.roller-list li{max-height:5.6rem; height:5.6rem;}
.time_box ul.roller-list li {font-size:2.2rem; font-weight:700; line-height:5.6rem; color:#B3B3B3;}
.time_box ul.roller-list li.active {color:#000;}

/* ������� */
.black-opcity-bg{position: fixed; height: 100vh; padding:1.6rem;  background-color: rgba(0, 0, 0, 0.8);  width: 100%;  left: 0;  z-index: 9999;  display: flex; justify-content: center;  align-items: center;}
.settlement-modal{background-color: #fff;  text-align: center;  max-width: 35rem;  padding: 5rem 2rem 2rem;  border-radius: 2rem;}
.settlement_details_info{padding: 0 1.6rem; width: 100%; overflow: auto;}
.settlement_details_info table{width:100%;width: 100%; min-width: 48rem;}
.settlement_details_info table th{padding: 1rem 1.2rem;  background-color: #5E6C7C;  color: #fff; font-size: 1.2rem;  font-weight: 600; text-align: center;}
.settlement_details_info table td{font-size: 1.2rem; text-align: center;  padding: 1rem; border-bottom: 1px solid #E0E8F2;}
.settlement_details_info table tbody tr:last-child td{border-bottom:0 }

/*������ Ȩ*/
.main_top.tenant{border-radius: 1.2rem; padding: 2.5rem 2rem;}
.copy_btn{display: flex; align-items: center; border: 0; background-color: transparent; color:#7B8699; font-size:1.4rem; font-weight:600;}
.copy_btn img{width:2.4rem;}
.storage_info{padding: 2rem 1.5rem;  border: 1px solid #E0E8F2; border-radius: 1.2rem;}
.tenant_main_ul li{padding:1.5rem 0; border-bottom:1px solid #E0E8F2; cursor: pointer;}
.tenant_main_ul li:last-child{border-bottom:0;}

/*������ ����*/
.tn_receipt_list_box ul{width:100%;}
.tn_receipt_list_box ul li{width: 100%; display: flex; align-items: center; justify-content: space-between;  padding: 1.5rem 0; border-bottom: 1px solid #E0E8F2;}
.tn_receipt_list_box ul li:last-child{border-bottom:0;}

/*������ max 340px */
@media (max-width: 340px) {
	.category_list ul li a {font-size:1.3rem;}
	.house_img{margin-bottom:0 !important;}

}


.delete_btn {
	width: 2rem;
	height: 2rem;
	background: url(/main/img/ic_close.png) no-repeat;
	background-size: cover;
	opacity: 0.8;
}