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; */ width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.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; */ width:100%;margin: 0 auto;padding: 0 50px;}
.tit-30{font-size: 30px;padding-bottom: 40px;font-weight: 700;}

.list-admin-login{/* width: 370px; */ width: 100%;}
.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;}

.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;}

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;}

.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;
}