html, body{width: 100%;height: 100%;}
.wrap-admin-main[role="button"]{cursor: pointer;}
a {cursor: pointer;}
.admin-wrap{display: flex;flex-direction: column;width: 100%;height: 100%;}
.scroll{overflow: auto;}

.flex-1{flex: 1;}

/* header */
.admin-header{display: flex;flex: none;align-items: center;justify-content: center;height: 80px;/*min-width:1600px;*/width: 100%;padding: 0 40px;background-color: #222;}
.admin-logo{width: auto;height: auto;padding: 0;font-size: 20px;color: #aaa;font-weight: 500;}
.admin-logo::before{content: '';display: inline-block;margin-right:10px;width: 131px;height: 24px;background: url(../images/logo.png) no-repeat 0 0 / 100% auto;vertical-align: bottom;}
.admin-header-util{margin-left: auto;}
.admin-header-util-items{}
.admin-profile-info{position: relative;padding-left: 42px;height: 32px;}
.admin-profile-img{position: absolute;left: 0;top: 50%;margin-top: -16px;width: 32px;height: 32px;border-radius: 50%;overflow: hidden;background-color: #ddd;}
.admin-profile-img img{width: 100%;height: 100%;}
.admin-profile-name{padding-top: 5px;}
.admin-profile-name-items{position: relative;color: #fff;}
.admin-profile-name-items.eng{color: #999;padding-left: 11px;margin-left: 10px;}
.admin-profile-name-items.eng::before{content: '';position: absolute;display: block;width: 1px;height: 14px;background-color: #e7e7e7;left: 0;top: 50%;margin-top: -7px;opacity: 0.3;}
.btn-setting{width: 32px;height: 32px;background: url(../images/admin/sp_admin.png) 0 0 no-repeat;margin-left: 35px;}
.btn-logout{width: 32px;height: 32px;background: url(../images/admin/sp_admin.png) -32px 0 no-repeat;margin-left: 10px;}
/* //header */

.admin-contents{display: flex;flex-direction: row;flex:1;}

/* nav */
.wrap-admin-nav{flex: none;width: 280px;padding: 21px 40px;border-right: 1px solid #e8e8e8;background-color: #fff;}
.admin-nav{}
.nav-1depth{}
.btn-nav{display: block;width: 100%;padding: 16px 10px 16px 0;position: relative;font-size: 18px;text-align: left;color: #222;}
.btn-nav.active{font-weight: 700;}
.btn-nav .ico{position: absolute;display: block;width: 10px;height: 10px;right: 0;top: 50%;margin-top: -5px;}
.btn-nav .ico::before, .btn-nav .ico::after{content: '';display: block;position: absolute;}
.btn-nav .ico::before{width: 100%;height: 2px;background-color: #999;left: 0;top: 50%;margin-top: -1px;}
.btn-nav .ico::after{width: 2px;height: 100%;background-color: #999;left: 50%;top: 0;margin-left: -1px;transform: scaleY(1);transform-origin: center;transition: transform 0.3s;}
.active .ico::after{transform: scaleY(0);}
.nav-2depth{padding-left: 10px;}
.list-nav{}
.list-nav-items{}
.link-block{display: block;}
.list-nav-items .link-block{padding: 10px 0;font-size: 16px;color: #222;}
.list-nav-items .link-block:hover, .list-nav-items .link-block.active{font-weight: 700;color: #00bab3;}
/* //nav */

/* contents */
.wrap-admin-main{display: flex;flex-direction: column;width: 100%;/*min-width: 1320px;*/padding: 30px 50px 80px;background-color: #f9f9f9;overflow: auto;}
.admin-tit-page{height: auto;width: auto;line-height: 1;padding-bottom: 30px;font-size: 30px;font-weight: 500;color: #222;text-align: left;}
.admin-tit-page small{margin-left: 10px;vertical-align: middle;font-size: 14px;color: #888;font-weight: 400;letter-spacing: 0px;}
.admin-main{flex: 1;background-color: #fff;padding: 40px; /* min-width: 1320px; */}
.admin-code{flex: 1;background-color: #fff;padding: 40px;}

.wrap-admin-btn{display: flex;padding-top: 30px;}
.wrap-admin-btn .left{}
.wrap-admin-btn .right{margin-left: auto;}
.wrap-admin-btn .left, .wrap-admin-btn .right{display: flex;}
.wrap-admin-btn [class*="btn"] + [class*="btn"]{margin-left: 20px;}
.wrap-admin-btn [class*="btn"].sm + [class*="btn"].sm{margin-left: 6px;}
.wrap-admin-btn [class*="btn"].full{width: 100%;}
.wrap-admin-btn + .paging{margin-top: 0;}

.btn-line, .btn-cancel, .btn-storage{display: block;min-width: 154px;padding: 16px 0 17px;text-align: center;font-size: 18px;font-weight: 500;}
.btn-line.md, .btn-cancel.md, .btn-storage.md{padding: 10px 0;font-size: 16px;}
.btn-line.sm, .btn-cancel.sm, .btn-storage.sm{padding: 6px 0;min-width: 82px;font-size: 14px;font-weight: 400;}
.btn-line{background-color: #fff;border: 1px solid #e8e8e8;}
.btn-cancel{background-color: #aaa;color: #fff;}
.btn-cancel-alert{background-color: #e94764;color: #fff;}
.btn-storage{background-color: #00bab3;color: #fff;}
/* //contents */

/* accordion */
.contents-accordion{display: none;}
.contents-accordion.open{}
/* //accordion */

/* 로그인 */
.wrap-login{height: 100%;display: flex;align-items: center;justify-content: center;margin: 300px auto;flex-direction: column;}
.tit-30{font-size: 30px;padding-bottom: 40px;font-weight: 700;}

.list-admin-login{width: 370px;}
.list-admin-login-items{}
.list-admin-login-items + .list-admin-login-items{margin-top: 14px;}
.list-admin-login-items .wrap-admin-btn{padding-top: 10px;}
/* //로그인 */

/* table */
.pr40{padding-right: 40px !important;}
.wrap-adm-tbl{}
/* .wrap-adm-tbl > table{width: 100%;} */
.wrap-adm-tbl tbody tr:first-child th, .wrap-adm-tbl tbody tr:first-child td{padding-top: 0;}
.wrap-adm-tbl tbody th, .wrap-adm-tbl tbody td{padding-top: 15px;padding-bottom: 15px;}
.wrap-adm-tbl tr:last-child tbody th, .wrap-adm-tbl tr:last-child tbody td{padding-bottom: 0;}
.wrap-adm-tbl tbody td{padding-left: 20px;}
.wrap-adm-tbl tbody td + th{padding-left: 40px;border-left: 1px solid #e8e8e8;}
.wrap-adm-tbl tbody th{text-align: left;vertical-align: middle;font-size: 16px;font-weight: 500;color: #222;}
.essential{color: #00bab3;vertical-align: top;}

.wrap-admin-search{background-color: #fff;padding: 35px 40px; margin-bottom: 20px;}
.wrap-admin-search table{}
.wrap-admin-search tbody th{text-align: left;padding: 5px 0;font-size: 16px;color: #222;}

.wrap-admin-search .tbl tbody th{padding: 5px 0;font-size: 16px;color: #222;}
.wrap-admin-search tbody td{padding: 5px 10px;}
.ellipsis{display: inline-block;max-width: 100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/* 한줄말줄임 */
a.link-underline{text-decoration: underline;font-size: 16px;}

.wrap-order-btn{display: inline-block;}
.btn-admin-up, .btn-admin-down{float: left;}
.btn-admin-up{width: 24px;height: 24px;background: url(../images/admin/sp_admin.png) 0 -32px no-repeat;}
.btn-admin-down{width: 24px;height: 24px;background: url(../images/admin/sp_admin.png) -24px -32px no-repeat;}
.btn-admin-up + .btn-admin-down{margin-left: -1px;}

.tbl_wrap .tbl.admin td{color: #222;font-size: 16px;}
.tbl_wrap .tbl.admin td.date{color: #888;}
.tbl_wrap .tbl.admin th{font-size: 18px;padding-left:8px; text-align: center;}

.pt11{padding-top: 11px !important;}
.c-888{color: #888 !important;}

/* //table */

/* form */
textarea{resize: none;}

.login-input-group{display: flex;align-items: center;justify-content: center;}
.login-input-group-items{width: 100%;position: relative;}
.login-input-group-addon{flex:none;margin: 0 8px;}

.input-radio-group{display: flex;flex-wrap: wrap;margin-left: -35px;}
.wrap-radio{margin: 7px 0 7px 35px;}
.wrap-radio-tlt{font-size: 16px;}

input[type="text"][readonly], input[type="tel"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="password"][readonly]{background-color: #f9f9f9;color: #666;border-color: #f9f9f9;}
.md input[type="text"], .md input[type="tel"], .md input[type="email"], .md input[type="number"], .md input[type="password"]
{padding: 12px 20px;font-size: 16px;}

.wrap-admin-search-input{display: flex;}
.wrap-select{}
.wrap-select select{width: 160px;border: 1px solid #e8e8e8;padding: 14px 32px 14px 20px;font-size: 16px;color: #222;background: #fff url(../images/sel-icon_down.png) no-repeat 95% 50%;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.wrap-select.full select{width: 100%;}
select::-ms-expand {display: none;}
.wrap-select + .login-input-box{flex:1;margin-left: 8px;}

.wrap-admin-search input[type="radio"]+label, .wrap-admin-search input[type="checkbox"]+label{font-size: 16px;}

.wrap-datepicker{display: flex;}
.ui-datepicker-trigger{position: absolute;right: 20px;top: 50%;margin-top: -10px;cursor: pointer;}
.wrap-datepicker input[type="text"]{padding-right: 41px;}
.wrap-datepicker .wrap-select{flex: none;}
.wrap-datepicker .wrap-select select{width: auto;}
.login-input-group-items + .wrap-select, .login-input-group-items + .wrap-select + .wrap-select{margin-left: 8px;}

.wrap-adm-tbl input[type="radio"]+label, .wrap-adm-tbl input[type="checkbox"]+label{font-size: 16px;}

.mt12{margin-top: 15px !important;}

.list-check{}
.list-check-items{}
.list-check-items + .list-check-items{margin-top: 15px;}
/* //form */

/* file upload */
.wrap-upload{display: flex;align-items: start;}
.upload-img{position: relative;overflow: hidden;}
.upload-img img{width: 240px; /*height: 122px;*/}
.wrap-upload-btn{}
.wrap-upload-btn input[type="file"]{width: 1px;height: 1px;position: absolute;}
.btn-upload{display: block;width: 119px;height: 46px;padding: 15px 0 12px;background-color: #00bab3;text-align: center;color: #fff;font-size: 16px;font-weight: 500;line-height: 1;}
.btn-delete{display: block;width: 119px;height: 46px;padding: 15px 0 12px;background-color: #aaa; text-align: center;color: #fff;font-size: 16px;font-weight: 500;line-height: 1;}

.file-list{display: flex;flex: 1;height: 34px;}
.file-list{margin-left: 10px;}
.file-list.md {height: 46px;margin-left: 0;}
.file-list input[type="text"]{flex: 1;border: 1px solid #e8e8e8;padding: 0 20px;font-size: 16px;color: #222;height: 100%;}
.file-list input[type="text"] + .btn-line{margin-left: 10px;height: 100%;}
.file-list input[type="text"][readonly]{background-color: #fff;}

.wrap-editor{border: 1px solid #e8e8e8;height: 200px;overflow-y: auto;padding: 20px;}

.list-addfile-items .file-list{height: 46px;margin-left: 0;}

.file-block {margin: 5px;display: flex;font-size: 16px;align-items: center;}
.file-block > span.name {
  width: max-content;
  display: inline-flex;
}

.file-delete {
  display: flex;
  width: 20px;
  height: 20px;
  background: url(../images/admin/sp_admin.png) -64px 0 no-repeat;
  justify-content: center;
  margin-left: 10px;
  cursor: pointer;
}

.wrap-file-list #files-area{margin-top: 10px;height: 128px;}

::-webkit-scrollbar {
    width: 4px;  /* 스크롤바의 너비 */
}
::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #00bab3; /* 스크롤바의 색상 */

    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}


.scrolltable tbody{
    border-collapse: collapse;
    display:block;
    overflow-y:auto;
    height:190px;

}
/* //file upload */

/* loading */
.spinner{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/spinner.svg) center center no-repeat;
	z-index: 9999999;
}

.pointer{
	cursor: pointer;
}

.pointer:hover{
	text-decoration:underline;
}


/*2023.07.05 안심전세 2.0 관리자 통합*/
.d-inline{ display: inline-block !important;}
.d-flex{ display: flex; align-items: center;}

select:disabled{ background-color: #f9f9f9; color: #666; border-color: #f9f9f9;}
textarea[readonly]{background-color: #f9f9f9;color: #666;border-color: #f9f9f9;}

.w-100{width: 100% !important;}
.w-50{width: 50% !important;}
.w-200{width: 200px !important;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}

.mb-20{margin-bottom: 20px;}
.mb-40{margin-bottom: 40px;}

.btn-day{  padding: 14px 0 !important;  min-width: 60px !important;  font-size: 14px;  font-weight: 400;  margin-right: 4px;  border-radius: 6px;}
.btn-day.active{background-color: #00bab3 !important;}
.btn-storage.disabled{background-color: #82cacc !important; color: #D7eeef !important;}

ul.page li {  display: flex !important;  align-items: center;  justify-content: space-between;  width: 100%;}
.txt-option{  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  word-break: break-all;}

.wrap-sub-tbl .tbl{  margin-top: 0 !important;}

.tbl_wrap.sub-tb .tbl.admin th{  font-size: 14px;  padding: 18px 0 18px 8px;}
.tbl_wrap .tbl td.title{  text-align: left;}

.adm-tbl-detail{font-size:16px;}

.wrap-preview{margin-top: 60px;}
.wrap-preview table{  border-top: 1px solid #222;  padding-bottom: 20px;}

.j-modal-cnts{padding-top: 20px;}
.j-modal-header{ padding: 22px 40px 20px 40px !important;  margin-bottom: 20px;}
.j-modal-close{margin-right: 20px;}

.modal-body-title{color:#222; font-size: 16px;}

.wrap-pop-list tbody tr:first-child td{  padding-top : 19px !important;  text-align: center;}
.wrap-pop-list tbody tr td.title{  text-align: left !important;  padding-left: 10px;}

.wrap-pop-list table thead{table-layout: fixed; border-collapse: collapse;}
.wrap-pop-list table tbody{display: block; width: 740px; overflow-y: auto; height: 500px; min-height: 300px;}
.wrap-pop-list table tbody tr{display: flex;}
.wrap-pop-list table .td-radio {width: 10%; padding-left: 8px;}
.wrap-pop-list table .td-txt {width: 90%;}
.wrap-pop-list table .td-txt.td-pad{padding: 8px 0 8px 10px}
.status-fail{color:#e94764}
.status-success{color:#00bab3}



.tab-content>.tab-pane {  display: none;}
.nav.nav-tabs {border-bottom: none; padding-bottom: 30px; display:flex;border-color: #dee2e6;}
.nav.nav-tabs .nav-item{ width: 50%;}
.nav-tabs .nav-link {border-radius: 0;margin-bottom: -1px;  background-color: transparent;  border: 1px solid transparent;}
.nav-tabs .nav-link{ padding: 18px 0;  font-size: 16px;  color: #666; width: 100%; border-color: #dee2e6;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #0d6fb8;  background-color: transparent;  border-top:2px solid #0d6fb8 !important; border-bottom: #f9f9f9;  }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {  isolation: isolate;  border-color: #e9ecef #e9ecef #dee2e6;}


.wrap-chart .tbl_wrap{margin-top: 40px;}
.wrap-chart .wrap-sup-chart{margin-top: 40px;}
.main.warp-search{ display: flex;  align-items: center;  justify-content: center;}
.main.warp-search .datepicker-left-btn{margin-right: 8px;}
.main.warp-search .datepicker-right-btn{margin-left: 8px;}
.main.warp-search .img-arrow{width: 12px; height: 20px;}
.main.warp-search .search-date{ border: none !important;  text-align: center;  cursor: pointer;}

.wrap-pop-list.view-table table tbody {width: 490px !important; height: 640px !important;}

.d-flex.wrap-chart-side{  justify-content: space-between !important;}
.d-flex.wrap-chart-side .admin-main{ width: 49%; padding: 40px 20px !important; min-height: 450px;}
.d-flex.wrap-chart-side .admin-main.left-menu{width: 530px !important;}
.d-flex.wrap-chart-side .admin-main.right-menu{width: calc(100% - 550px) !important;}

/*2024.08.08 법률상담 검색조건(등록/답변일자기준) 버튼 디자인 추가*/
.date-btns{
	display: flex;
	justify-content: end;
}
.date-btns div:first-child{
	margin-right:12px;
}
.date-btn label{
	width: 120px;
	display: block;
	border: 2px solid #00BAB3;
	border-radius:2px;
	text-align: center;
	color: #00BAB3;
	font-weight: 500;
	height: 32px;
	line-height: 30px;
}
.date-btn input[type="radio"]:checked+label{
	background-color: #00BAB3;
	color: #fff;
}